ScrollView如何设置高度?
RN里的ScrollView有两种高度设置方式
- 直接给ScrollView设置height: xxx
- 给父级View设置高度,给ScrollView设置flex: 1
如何动态适应内容高度,并限制最大高度呢?
- ScrollView自身设置flex: 1,父级View高度取state动态变化的值。
- 通过监听ScrollView的onContentSizeChange事件,拿到回调里的height。
- 取回调height和最大高度maxHeight的较小值,设置到父级View的高度state。
组件demo如下
/**
* 动态高度ScrollView,支持设置最大高度
* @author 凯尔宝宝
* @date 2022/08/31
*/
import React, {
useState } from 'react';
import {
ScrollView, View } from 'react-native';
export default ({
maxHeight