ScrollView底部無法顯示全的比較簡單的解決方法
阿新 • • 發佈：2018-11-14
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>
);
}
};