在ScrollView中渲染动态图像而没有高度和宽度

时间:2019-05-14 14:22:45

标签: react-native

React Native的新手,我遇到了问题...

我正在尝试在具有3列图像和多行图像的scrollView中添加动态图像。就像图片中一样

屏幕示例:

enter image description here

诀窍是我不必为图像提供高度和宽度,因为不同尺寸的屏幕会变得很奇怪。

要渲染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的文档,其中说动态图像必须使用高度和宽度。

有什么办法吗?

0 个答案:

没有答案