反应原生水平列表视图没有滚动。如何包装物品？

Question

我在列表中显示项目。我不想使用水平滚动视图但是如何包装项目以使它们不会掉出屏幕？就像我们在android。the picture shows the third item in first row is half out of the screen

中有FlowLayout一样

NotificationController.m

Answer 1

可以使用Views实现此目的：

<View style={styles.wrapContainer}>
    {DATA.map(data => {
      return (
        <View style={styles.buttonContainer} >
          <Button title={data.name}/>
        </View>
      )})
    }
  </View>

Working Example