(一)背景透明字体透明
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
<BlurView style={[styles.viewModal]} blurType="light" blurAmount={10} />
写在你想模糊的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组件标红显示关键字