我正在创建一个包含大量内容的应用程序,因此需要向下滚动以查看所有元素。
我遇到的问题是,当内容超出某一点时,它就不再显示了。我试图使用scrollview,但这只是完全弄乱了布局。
render() {
return (
<Image style={styles.container} source={require('../../images/home.jpg')} scrollEnabled>
<View style={styles.map}>
<GoogleStaticMap
style={styles.map}
latitude={this.props.property.latt}
longitude={this.props.property.long}
zoom={19}
size={{ width: width, height: 150 }} />
<View style={styles.business}>
<Text style={styles.businessName}>{this.props.property.street_address} {this.props.property.postcode}</Text>
<View style={styles.toolbar}>
<Text style={styles.toolbarButton1}>Directions</Text>
<TouchableOpacity onPress={() => Communications.phonecall('0123456789', true)}>
<Text style={styles.toolbarButton}>Call</Text>
</TouchableOpacity>
<Text style={styles.toolbarButton}>Email</Text>
<Text style={styles.toolbarTitle}>Rate</Text>
</View>
</View>
<View style={styles.overview}>
<Text style={styles.heading}>
Overview
</Text>
<Text style={styles.bodyText}>{this.props.property.overview}</Text>
</View>
<View style={styles.overview}>
<Text style={styles.heading}>
Fact file
</Text>
<Text>
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
fagsdgdsagdsagdasgsdgadsagsdag
sgasadgdsagdsagdsagdsagdsagd
gsdgsdgsdagsaasddsgasdgsadgsdags
</Text>
<Text style={styles.bodyText}>{this.props.testing}</Text>
</View>
<View style={styles.overview}>
<Text style={styles.heading}>
Opening Hours
</Text>
<Text style={styles.bodyText}>Monday {this.props.property.opening_hours.monday_open} - {this.props.property.opening_hours.monday_close}</Text>
<Text style={styles.bodyText}>Tuesday {this.props.property.opening_hours.monday_open} - {this.props.property.opening_hours.monday_close}</Text>
<Text style={styles.bodyText}>Wednesday {this.props.property.opening_hours.monday_open} - {this.props.property.opening_hours.monday_close}</Text>
<Text style={styles.bodyText}>Thursday {this.props.property.opening_hours.monday_open} - {this.props.property.opening_hours.monday_close}</Text>
<Text style={styles.bodyText}>Friday {this.props.property.opening_hours.monday_open} - {this.props.property.opening_hours.monday_close}</Text>
<Text style={styles.bodyText}>Saturday {this.props.property.opening_hours.monday_open} - {this.props.property.opening_hours.monday_close}</Text>
<Text style={styles.bodyText}>Sunday {this.props.property.opening_hours.monday_open} - {this.props.property.opening_hours.monday_close}</Text>
</View>
</View>
</Image>
)
}
任何人都可以推荐我可以使用scrollview
做我想做的事情吗?
例如,如果我添加scrollview
:
通常情况下,没有scrollview
(这是切断内容和地图)......
答案 0 :(得分:0)
我认为您只需要将ScrollView放在<View style={styles.map}>
内部,包装此视图中的所有内容;并将<View style={styles.map}>
的样式更改为{flex:1}
<View style={{flex: 1}}>