ReactNative 走过的坑

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

1.关于Text组件

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

2. 关于ModalView

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

3.手势冲突–––Pressable系和Touchable系

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

4.LocalStore存储

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

5. 早上凭记忆写的,之后会继续更新

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。