首页 > 其他分享 >react-native ScrollView嵌套滚动

react-native ScrollView嵌套滚动

时间:2023-03-14 13:34:26浏览次数:45  
标签:嵌套 ScrollView react item nestedScrollEnabled native

是否有相关属性可以兼容scrollview嵌套问题?

在阅读一番官方文档后,发现了一个属性nestedScrollEnabled,代码如下:

nestedScrollEnabled={true}

<ScrollView>
  <View style={[{ flex: 1 }, mainStyle]}>
    {dataArr.map(item => (
      <View key={item.left} style={styles.item}>
        <View style={styles.itemLeft}>
          <Text style={styles.itemLeftText}>{item.left}</Text>
        </View>
        <View style={{ flex: 3, maxHeight: deviceSize.scale(300) }}>
          <ScrollView nestedScrollEnabled={true}>
            <Text style={styles.itemRightText}>{item.right}</Text>
          </ScrollView>
        </View>
      </View>
    ))}
  </View>
</ScrollView>

标签:嵌套,ScrollView,react,item,nestedScrollEnabled,native
From: https://www.cnblogs.com/ZerlinM/p/17214631.html

相关文章

  • React有Fiber架构 为什么还需要 useTransition( ) 钩子优化 ?
    因为fiber的最小单元是React元素,对于一个非常耗时的函数,fiber是无法把一个函数拆分成几部分去执行的,仍然会有顶帧(卡顿)的现象发生,此时就需要使用useTransition(()=>目标Func......
  • [React][typescript]官方教程小游戏Tic-Tac-Toe
    本文记录一些跟随官方教程后的心得,按照最终版本代码逐块进行理解,包括typescript和react的一些基本操作和误区函数组件Game:最后输出的大组件,所有组件的父类Board:Game......
  • jira学习案例79-react-redux和HOC1
     ......
  • [React-Native] IOS 扫码下载解决方案
    IOS扫码下载解决方案Step0将打包好的ipa格式文件部署到下载服务器上比如放在tomcat中供下载:dingdian.ipa然后将ipa包所在的服务器地址配置成内网、外网等形式,生......
  • React渲染元素DOM
    1<!DOCTYPEhtml>2<htmllang="en">34<head>5<metacharset="UTF-8">6<metahttp-equiv="X-UA-Compatible"content="IE=edge">7<metan......
  • React之JSX 简介详细介绍
    设想如下变量声明:constelement=<h1>Hello,world!</h1>;这个有趣的标签语法既不是字符串也不是HTML。它被称为JSX,是一个JavaScript的语法扩展。我们建议在Rea......
  • #yyds干货盘点 【React工作记录十六】关于三个数组的判断
     目录​​前言​​​​导语​​​​数据格式​​​​代码部分​​​​总结​​前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作......
  • react-router 6.9更新内容
    有两种方式可以定义路由:传递ReactElements<Home/>或传递ReactComponentHome。但是如果它们同时存在,则以ReactComponent优先。缺点:通过ReactComponent方式定义无法......
  • Android native项目编译v7a时-Werror参数导致报错
    在GitHub上下载了一个demo,自己编译运行时,v8a的so是可以正常编译运行的,但是就是v7a的不能也一直报错,最后发现在Android.mk文件里去掉-Werror字段就可以了。于是上网了解了一......
  • React-router-dom@5
    路由的发展阶段后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的,服务器直接生产渲染好对应的HTML页面,返回给客户端进行展示但是,一个网站,有很多页面......