Reactjs 反应本机滚动视图无滚动
我的Reactjs 反应本机滚动视图无滚动,reactjs,react-native,Reactjs,React Native,我的react native应用程序中的渲染函数返回了以下代码容器将其flex属性设置为1 即使内容溢出,卷轴也无法工作。我做错了什么 还尝试将ScrollView的flex设置为1。仍然不起作用 <View style={globalStyle.container}> {flashMessage} <ScrollView> <View style={globalStyle.header}>
react native
应用程序中的渲染函数返回了以下代码<代码>容器将其flex
属性设置为1
即使内容溢出,卷轴也无法工作。我做错了什么
还尝试将ScrollView
的flex
设置为1。仍然不起作用
<View style={globalStyle.container}>
{flashMessage}
<ScrollView>
<View style={globalStyle.header}>
<Text style={globalStyle.title}> {localization.categories} </Text>
</View>
<ListView style={{marginTop: 10}}
dataSource={this.state.dataSource}
renderRow={(rowData, sectionID, rowID)=> this.renderRow(rowData, sectionID, rowID)}
/>
</ScrollView>
<View style={{position: 'absolute', height: 70, left: 0, right: 0, bottom: 0, flexDirection:'row', justifyContent:'center'}}>
<TouchableHighlight style={globalStyle.footer} onPress={() => { this.redirect('home'); }} >
<View>
<Image style={globalStyle.footerIcons} source={require('./Thumbnails/ -button-selected.png')}/>
<Text style={globalStyle.footerText,globalStyle.selected} > {localization.meditate} </Text>
</View>
</TouchableHighlight>
<TouchableHighlight style={globalStyle.footer} onPress={() => { this.redirect('profile');}} >
<View>
<Image style={globalStyle.footerIcons} source={require('./Thumbnails/user.png')} />
<Text style={globalStyle.footerText} > {localization.me} </Text>
</View>
</TouchableHighlight>
<TouchableHighlight style={globalStyle.footer} onPress={() => { this.redirect('settings');}}>
<View>
<Image style={globalStyle.footerIcons} source={require('./Thumbnails/settings.png')} />
<Text style={globalStyle.footerText} > {localization.settings} </Text>
</View>
</TouchableHighlight>
</View>
</View>
{flashMessage}
{本地化.类别}
this.renderRow(rowData,sectionID,rowID)}
/>
{this.redirect('home');}>
{本地化。冥想}
{this.redirect('profile');}>
{localization.me}
{this.redirect('settings');}>
{本地化.设置}
我认为您不应该在ScrollView中使用ListView。
您可以使用renderHeader
函数并将
您的标题:
<View style={globalStyle.header}>
<Text style={globalStyle.title}> {localization.categories} </Text>
</View>
{本地化.类别}