将原生节目内容反映在2列

时间:2017-07-29 23:58:28

标签: reactjs react-native

所以基本上我需要我的GridView看起来像这样: enter image description here

在代码中:

  <Grid style={styles.mt}>
    {this.state.listOfDiscover.map((item, i) => (
      <Row key={i}>
        <TouchableOpacity
          style={styles.row}
          onPress={() =>
            this.props.navigation.navigate("BlankPage", {
              name: item.title,
            })}>

            <View style={styles.rowItem}>
              <View>
                <Text style={styles.textCreatedAt}>{item.created_at}</Text>
                <Text style={styles.textTitle}>{item.title}</Text>
                <Text style={styles.textBody}>{item.body}</Text>
              </View>
              <Image style={styles.newsImage} source={item.local_path} />
            </View>
        </TouchableOpacity>
      </Row>
    ))}
  </Grid>

一直在玩这个,一直无法实现。它要么显示在一行(整篇8篇文章)。

0 个答案:

没有答案