Question

基本上由两部分构成：网格（灵活视图）和列表视图。

使用的元素来自本地。

我也使用<View>，但问题仍然相同。

View style={{flex: 1, flexDirection: 'row'}}>

代码段是：

      <Grid>
        <Col style={{ backgroundColor: '#635DB7', height: 80 }}>
          <Text style={styles.head}>致電</Text>
        </Col>
        <Col style={{ backgroundColor: '#00CE9F', height: 80 }}>
          <Text style={styles.head}>地圖</Text>
        </Col>
        <Col style={{ backgroundColor: '#635DB7', height: 80 }}>
          <Text style={styles.head}>分享</Text>
        </Col>
      </Grid>

      <List>
      { list.map((item, i) => (
        <ListItem icon key={i} noBorder>
          <Left style={styles.left}>
            { item.icon &&
            <Icon type={item.type} name={item.icon} style={styles.icon} />
            }
          </Left>
          <Body>
            <Text style={{ color: item.color}}>{item.title ? item.title : "N/A"}</Text>
          </Body>
        </ListItem>
        ))
      }
      </List>

附带的是重叠的问题：

Answer 1

我通过添加将它们包裹起来的滚动视图对其进行了修复

反应与列表视图重叠的本机网格（flex）视图

1 个答案: