【问题标题】:How i can disable Scroll on Content inside of two scrollview我如何禁用两个滚动视图内的内容滚动
【发布时间】:2021-09-13 08:53:20
【问题描述】:

我有一个问题是我想从两个滚动视图中禁用一个项目的滚动,例如

<ScrollView horizontal={true}>    ////Horizontal ScrollView
  <ScrollView>                     ////Vertical ScrollView
    <View />            //// View 1
    <View />           //// View 2
  </ScrollView>
</ScrollView>

我只想在视图 1 上只应用垂直滚动视图而不是水平

任何人都可以帮助我如何实现这一目标。

【问题讨论】:

    标签: react-native react-native-scrollview


    【解决方案1】:

    请使用它来禁用滚动

    scrollEnabled={false}

    【讨论】:

    • 兄弟,我只想从水平滚动视图中删除视图 1,垂直滚动视图将应用于它,此道具将禁用 centent 上的整体滚动视图。
    • 你能显示 ui 吗?那么请分享它,以便我了解这个想法
    • UI 它看起来像表格顶部和左侧标题数据,当用户垂直滚动时顶部标题会粘住,当用户水平滚动时左侧标题会粘住,它的主视图。
    • @mirzahayat 请使用 react-navigation 的 createMaterialTopTabNavigator 功能或任何 materialtoptabbar 选项卡检查此链接reactnavigation.org/docs/material-top-tab-navigator
    【解决方案2】:

    我找到了答案,我们可以用 ref 处理它,检查演示链接 https://snack.expo.dev/@mirza009/table

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-06-09
      • 1970-01-01
      • 1970-01-01
      • 2021-11-23
      • 1970-01-01
      • 1970-01-01
      • 2015-12-20
      • 2012-02-17
      相关资源
      最近更新 更多