rnxteam/rnx-ui

A UI Lib for React Native

rnx-ui's Issues

Overlay/Dialog 内部 ScrollView 滚动卡顿

原因

Overlay 做了点击事件，所以会拦截 ScrollView 的触屏事件，导致卡顿。

办法

Overlay 有属性 pointerEvents，可以控制 Overlay 是否可以作为触控事件的目标。（参考：rnx-ui/Overlay at master · rnxteam/rnx-ui）

但是 Dialog 以及衍生的 Alert/Confirm 组件都未对 Overlay 进行设置，此处需要 RNX-UI 进行升级。

作为临时解救方法，在使用上述组件时，如果内部出现了 ScrollView，在其内部包裹 TouchableWithoutFeedback 并绑定处理空函数。（参考：如下）

<Alert>
  <ScrollView>
    <TouchableWithoutFeedback onPress={() => {}}>
      {/* content */}
    </TouchableWithoutFeedback>
  </ScrollView>
</Alert>

相关文章

React Native 中 Touchable* 组件事件捕获问题

.

Overlay 不能全屏

开发过程遇过一种情况, 需要ActionSheet 的组件在比较深的子组件中, 而该子组件的父组件是 absolute 定位的, 因此导致 Overlay 不能全屏.

示意图:

• 建议解决方案: 使用React Native / Modal

RefreshView无上拉加载和下拉刷新状态标题配置

rt,代码中也并无与此相关内容,展示效果的gif倒是有相关内容的展示

rnx-ui接入Expo

使用步骤

1. 下载Expo

2. 扫一扫

3. 等待10s左右（等待过程中无进度条）

4. 查看Demo

一点微小的建议

像 ToolTip 这个组件的这种 pointerEvents 属性参数，坠吼可以在 readme 里面枚举粗来，一点微小的建议，谢谢