react-native的踩坑笔记？

2022-02-21 本文已影响0人习惯水文的前端苏

$\bullet$ Text无法设置宽高和居中，需要包一层View

效果如下

代码如下

$\bullet$ display:none和position:absolute不能同时使用，需要display:none效果时需要将定位修改为relative

$\bullet$ 不能在View或Text上直接监听点击事件，需要使用以下其一，且如果待点击的事件作为子元素存在，则其不能超出父元素范围，否则点击失效

TouchableOpacity、TouchableWithoutFeedback、TouchableNativeFeedback、TouchableHighlight

$\bullet$ TextInput组件扫码枪的bug

必须指定keyboardType='visible-password'，同时设置一定的延迟，否则扫码枪的结果会出现位数缺失

$\bullet$ transform的用法

需要使用数组形式且不支持百分比写法

$\bullet$ textInput的值只接收String类型，如果传入的是Number，就会赋不上值。需要显示的在onSubmitEditing中调用blur使其失去焦点，否则会点击其他区域首次无效的问题