2020-11-27 解决背景透明字体透明,模糊组件,小写转大写,调起手机震动,标红显示关键字

(一)背景透明字体透明

react-native背景使用opacity设置透明度,字体也透明问题

example: {

background: ‘#ffffff’,

opacity: 0.1

}

若使用上面样式 字体也会透明

则使用下面这种写法可解决

example: {

background: rgba(255,255,255,0.1)

}

(二)模糊组件

import { BlurView } from "@react-native-community/blur";

安装@react-native-community/blur

安装及参考链接 https://www.5axxw.com/wiki/content/t1h4nk

写在你想模糊的view的下方且同级 blurAmount为0-100直接 表示模糊度 android上如果小于1则会闪退 所以一般要写大于1

(三)text.toUpperCase()输入小写转成大写

(四)调起手机震动

iOS导入import ReactNativeHaptic from 'react-native-haptic';

android导入 import { Vibration } from 'react-native';

if(Platform.OS === 'ios'){

      ReactNativeHaptic.generate('impact');

}else {

      const pattern = [0,20,0,0];

        Vibration.vibrate(pattern,false);

}

(五)标红显示关键字

https://github.com/haipingzi/react-native-markKeyWord/blob/master/index.js

react-native 巧用正则 和split() 在Text组件标红显示关键字

你可能感兴趣的:(2020-11-27 解决背景透明字体透明,模糊组件,小写转大写,调起手机震动,标红显示关键字)