1、滚动项定位错误
ERROR Invariant Violation: scrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed, otherwise there is no way to know the location of offscreen indices or handle failures.
原因:已修复,因为scrollToIndex在使用中呈现平面列表项之前执行了
https://github.com/facebook/react-native/issues/14198
解决:添加 onScrollToIndexFailed 函数
<FlatList
ref={listRef}
data={data}
renderItem={renderItem}
onScrollToIndexFailed={() => {}}
/>
2、RN TextInput 键盘弹起点击两次才能触发事件
解决:
TextInput 组件用 ScrollView 或 FlatList 组件包裹,给ScrollView或FlatList组件添加如下属性: keyboardShouldPersistTaps="handled"
3、RN 如何让点击事件穿透遮罩层
添加属性:pointerEvents
用于控制当前视图是否可以作为触控事件的目标。
<View pointerEvents="none">
...
</View>
完美的解决冲突了,直接不用管层级问题