美文网首页
scrollView设置滚动范围,一般是flex:1,全屏

scrollView设置滚动范围,一般是flex:1,全屏

作者: 太平洋_cfd2 | 来源:发表于2024-09-19 16:43 被阅读0次
style={styles.scroll_content}
        contentContainerStyle={{flex: 1}}
        // contentInset={{bottom: cache.isShowFloatMusicDialog ? pxToVh(40) : 0}}
        contentInset={{bottom: pxToVh(40)}} // 这个属性也可以控制滚动范围
        keyboardDismissMode="on-drag"
        keyboardShouldPersistTaps="handled">

1. 是contentContainerStyle可以控制滚动区域view的大小
2. 是控制子控件的大小,以便于适配于滚动区域
3. 直接是控制滚动区域的大小,height设置值即可

<ScrollView
              style={[
                styles.scroll_content,
                {marginTop: inset.top + pxToVh(50)},
              ]}
              // contentContainerStyle={[
              //   styles.scroll_container,
              //   {marginTop: inset.top + pxToVh(50)},
              // ]}
            >

当子控件的大小已经撑出屏幕外时,就不需要contentContainerStyle,否则才需要

相关文章

网友评论

      本文标题:scrollView设置滚动范围,一般是flex:1,全屏

      本文链接:https://www.haomeiwen.com/subject/oxooljtx.html