React Native 持久滚动条

2023-12-21

仔细阅读后React Native 文档 http://facebook.github.io/react-native/docs/scrollview.html#props我似乎不知道如何制作<ScrollView>有一个不会淡出的持久滚动条。我将如何实现这一目标?


iOS

底层的iOS原生组件,UIScrollView(从技术上来说,RCTEnhancedScrollView),不支持保持滚动指示器可见。因此,围绕它的 React Native 包装器也不会。

有一个技巧可以让它与本机组件一起工作(请参阅这个答案 https://stackoverflow.com/a/15613852/1445366对于一种方法)。要在 React Native 中完成此操作,您需要在本机端实现此 hack,然后创建您自己的本机模块 http://facebook.github.io/react-native/docs/native-modules-ios或 fork React Native 并修改他们的 ScrollView 组件 https://github.com/facebook/react-native/tree/129690fad1173e10fa0000942480e8261d0d3978/React/Fabric/Mounting/ComponentViews/ScrollView.

也就是说,iOS 滚动视图界面指南 https://developer.apple.com/design/human-interface-guidelines/ios/views/scroll-views/不鼓励这样做,因此您可能希望不理会指标的行为。

Android

几种方法:

  • set <item name="android:overScrollMode">always</item>,
  • set android:fadeScrollbars="false"在 XML 中,或者
  • set ScrollView.setScrollbarFadingEnabled(false)在 Java 中(例如在您的自定义本机桥接代码中)

除非您有充分的理由,否则与非标准 UI 类似,不鼓励这样做。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React Native 持久滚动条 的相关文章

随机推荐