ReactNative 走过的坑

Posted 2023-03-09

参考技术A

创建日期： 2022年1月23日
题记：
随手记载，项目中，遇到的一些问题。没有去查深层原因，仅为提个醒。

当在ScrollView中，有Text组件的时候，一定要注意Text长度的指定。
问题点：
一个纵向滚动的scrollView，如果Text长度未指定，当Text的内容过长时，会出现横向滚动条。

常用的组件有reactNative的Modal以及react-native-modal。
问题点：
其中一个，好像是无法把android的statusBar覆盖住。
另外，在ios上，有时候会出现，关闭前一个modalView，紧接着再打开另一个ModalView的时候，第二个打开的ModalView并未显示，没有错误信息，但是画面卡住了。这个时候，用Xcode去执行，就会看到警告信息。说已经有一个modalView在显示了。
解决方法：
调查的时候，发现，这个在四五年前有人问过，说是解决了，然而，依然遇到了。笔者用简单的程序进行测试，但是并没有再现。可能是跟整体项目相关，出现bug，需要特定的时机。
最后，只能用绝对布局，自己做了一个ModalView。

当父组件用的Pressable时，如果子组件是一个FlatList，其中有数个Item是非活性的。当你手指触碰的是非活性的Item时，滚动手势不会起作用，起作用的是父组件的Pressable。即便设置了preventPoint，但是，非活性可能是改变了它的值，效果依然是不变的。
当父组件用的是Touchable的时候，上述的状况，FlatList是可以滚动的，但是，如果在此上，出现pressable系的按钮，那么这个按钮的点击事件，是不起作用的。这里，没有细致调查，是否可以通过属性来改变。

一定要注意多任务，非同期存储的时候，会不会进行覆盖。因为原有库的merge方法，不是支持所有平台。使用的时候，注意该库是否有更新。