开发中遇到的最大困难_RN 开发中遇到的问题归纳

182adae217222389f6a273e298082193.png

1. rn flatlist 渲染问题

- 对于除data以外的数据需要添加extraData

- 若data和extraData中都是数组,修改该数据,需要同时修改其引用地址,例如重新赋值一个新数组

03a879457bde48d0d7aa8b16967d758f.png

2. rn 从A页面路由到B页面,再返回A页面,触发更新方案

- 在A页面添加监听事件,卸载时移除,在B页面goback()之前emit派发该事件

c9afa23e3b52298d56f75968eef6136b.png

f86f465cc30e79491a52283d22583409.png

3. rn 多个text并写,会有样式不对称问题,可以用view隔开处理

3383a11ecb051599372b85e510c514c5.png

4. DeviceEventEmitter

1f3ba9edb1a91fcecbc1d6908d0f9282.png

5. 设置opacity, 子view会继承,设置如果把就可以避免这个问题

6. Image borderTopLeftRadius等属性实现部分圆角会不起作用

- 用imagebackground组件,并在style里面使用圆角和属性overflow: 'hidden'

7. debounce(防抖)和throttle(节流)用来控制某个函数在一定时间内执行多少次的技巧,输入框触发函数常见

c63cb0ff88dffdf8f82d44c8794ebf57.png

8. 子 view撑不开

905bcb1130346c65ab4f7faaae7a54a8.png

9. 出现过好几次白屏问题了,如果data 为空,这个View下面就是{},android 会白屏的

6f5f163101f81ef8f46702e7f03621d8.png

10. connect绑定的子组件,父组件引用该子组件,使用ref调子组件的函数会报找不到,需要给connect添加{ withRef: true}

592a42b4ef96557b51e56b8851ab3b0f.png

7effd326438ea449272d383ec7c3f9fd.png

b94d257ce90dee113859070843c5d50d.png

11. 使用flatlist,或者sectionlist的时候,经常会遇到视图不更新的情况,

f3431ea461fa6a96481bdea33e32696f.png

12. 给view加阴影时使用shadow,会黄色警告,需要增加backgroundColor解决

2ec3e60ac32c126cea087d0c1668d600.png

a62e551f1d51ccb438255c619825f2d2.png

13. flatlist 下拉刷新触发多次上拉加载方法,并且上拉加载也会触发多次,

解决方案: 定义一个变量限制上拉加载方法请求多次, 并且添加 onEndReachedThreshold 和 onMomentumScrollBegin 属性

97598d85a6e9d866ec04b684f9ab86c9.png

7f181045ba320bf91757391ad9e93635.png

8dc988140ab308225e231a20542a6777.png

14. Text显示数字加粗后最后一位无法显示问题,即设置过fontWeight属性的Text,在OPPO等机型确实有问题

解决办法: 给Text加个fontFamily样式:fontFamily: 'System'

15.Text显示金额的时候字体加粗后显示不全的问题,即设置过fontWeight属性的Text,在OPPO等机型确实有问题

解决办法: 给Text加个fontFamily样式:fontFamily: 'System' 或者 fontFamily: ''


原文链接:

RN开发常见问题​www.wyyuan.com
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值