React Native的新手,我遇到了问题...
我正在尝试在具有3列图像和多行图像的scrollView中添加动态图像。就像图片中一样
屏幕示例:
诀窍是我不必为图像提供高度和宽度,因为不同尺寸的屏幕会变得很奇怪。
要渲染1行中的3张图像,我正在使用
<ImageBackground
source = {{uri: *image_url*}}
style = {{width: '100%', height: '100%', flexDirection: 'column'}}>
<ImageBackground>
我尝试了scrollView和具有flex属性的视图,但是它将自动调整行的大小,scrollView不起作用。
<View style = {{flex: 16, paddingLeft: 0, paddingRight: 0, paddingTop: 0, paddingBottom: 0}}>
<ScrollView contentContainerStyle = {{paddingLeft: 0, paddingRight: 0, paddingTop: 0, paddingBottom: 0}}>
<View style = {{flex: 1, flexDirection: 'row', padding: 5, alignItems: 'stretch'}}>
{
row_1.map((image) => {
return image
})
}
</View>
</ScrollView>
</View>
row_1是我要在第一行中显示的图像的数组。
我还看到了native的文档,其中说动态图像必须使用高度和宽度。
有什么办法吗?