当前位置: 首页 > article >正文

RN开发问题

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>

完美的解决冲突了,直接不用管层级问题


http://www.kler.cn/a/284317.html

相关文章:

  • vue2使用 <component> 标签动态渲染不同的表单组件
  • 单片机设计电流与温度监控python上位机监控平台设计
  • web实操5——http数据详解,request对象功能
  • Android Studio更新成2024.1.2版本后旧项目Gradle配置问题
  • 量化交易系统开发-实时行情自动化交易-3.4.2.2.Okex交易数据
  • 爱普生SG-8200CJ可编程晶振在通信设备中的应用
  • 线性表之数组
  • 数据结构-单链表-详解-2
  • 彩漩科技亮相第一届人工智能教育应用论坛,荣获AI教育科技产品TOP30奖项
  • 数字化转型升级探索(一)
  • 【奇某信-注册_登录安全分析报告】
  • 鸿蒙高级开发者认证题库(2)
  • RKNPU2从入门到实践 --- 【4】RKNN 模型构建【使用pycharm一步一步搭建RKNN模型】
  • GO Date数据处理
  • Python知识点:如何使用Selenium进行自动化Web测试
  • python-矩阵交换行
  • AI学习指南深度学习篇-长短时记忆网络python实践
  • 使用uniapp制作录音功能(VUE3)
  • 鸿蒙OS试题(4)
  • DSP48E2使用以及FIR滤波器定点设计实现与优化
  • 小琳AI课堂:生成对抗网络(GANs)
  • HarmonyOS开发实战( Beta5版)Web组件开发性能提升指导
  • 处理.NET Core中的时区转换问题
  • 帕金森患者在运动时有哪些类型的运动推荐?
  • SpringWeb后端开发-登录认证
  • CSS中的`z-index`属性是如何工作(注意事项)