ScrollView底部无法显示全的比较简单的解决方法

最新推荐文章于 2021-06-11 10:44:01 发布

追根溯源

最新推荐文章于 2021-06-11 10:44:01 发布

阅读量2.6k

点赞数

本文链接：https://blog.csdn.net/liulei21/article/details/83545064

版权

import React, { Component } from 'react';
import { AppRegistry,ScrollView, View,Text } from 'react-native';

export default class FlexDirectionBasics extends Component {
render() {
return (
// 比如父组件为整个屏幕的大小，设置flex：1
<View style={{backgroundColor: 'red',flex:1}}>
<View style={{height:20,backgroundColor: 'red',}}>//这一部分用于开发中的导航栏或者其他的部分
<Text>13333333</Text></View>
<ScrollView style={{flex: 1,backgroundColor: 'powderblue',}}>//剩余部分显示滚动
<Text>13333333</Text>
<Text>13333333</Text>
<Text>13333333</Text>
<Text>13333333</Text><Text>13333333</Text><Text>13333333</Text><Text>13333333</Text>
<Text>13333333</Text><Text>13333333</Text><Text>13333333</Text><Text>13333333</Text>
<Text>13333333</Text><Text>13333333</Text><Text>13333333</Text><Text>13333333</Text>
<Text>13333333</Text><Text>13333333</Text><Text>13333333</Text><Text>13333333</Text>
<Text>13333333</Text><Text>13333333</Text><Text>13333333</Text><Text>13333333</Text>
<Text>13333333</Text><Text>13333333</Text><Text>13333333</Text><Text>13333333</Text>
<Text>13333333</Text><Text>13333333</Text><Text>13333333</Text><Text>13333333</Text>
<Text>13333333</Text><Text>13333333</Text><Text>13333333</Text><Text>13333333</Text>
<Text>13333333</Text><Text>13333333</Text><Text>13333333</Text><Text>13333333</Text>
</ScrollView>
</View>
);
}
};