Question

我需要以List格式返回ParcelId的文本。我尝试将View旁边的Text更改为ListItem，要么我没有得到输出，要么样式不受支持。我不确定如何在列表类型中包装文本，需要帮助。谢谢。

代码：

<View style={styles.MainContainerView}>
        <View style={styles.ChildView}>
          <TouchableOpacity activeOpacity={0.7}
            onPress={this.expand_collapse_Function}>
            <Icon name="ios-arrow-dropdown"/>
          </TouchableOpacity>

          <View style={{ height: this.state.updatedHeight, overflow: 'hidden' }}>
            <Text style={styles.ExpandViewInsideText} 
              onLayout={(value) => this.getHeight(value.nativeEvent.layout.height)}>
                 {
                   this.props.parcels.map((list,j) => {
                    console.log(" Parcel Id:"+list.parcelId)
                     return(
                           <Text key={j}>  {" Parcel Id:" + list.parcelId} </Text>
                     )
                   })
                 }
            </Text>
          </View>
        </View>
      </View>

Answer 1

我会做这样的事情，请注意我没有测试过这个片段。

const listOfParcel = this.props.parcels;

return(
    <div>
        {listOfParcel.map((list,j) => {
            <li key={j}>{list.parcelId}</li>
        })}
    </div>
)

Answer 2

我通过将视图和文本包装在return中来实现，如下所示：

 return(
     <View key={j} 
           style={{ height: this.state.updatedHeight, overflow: 'hidden' }}>

    <Text onLayout={(value)=this.getHeight(value.nativeEvent.layout.height)} 
          style={styles.ExpandViewInsideText}> 
          {" Parcel Id:" + list.parcelId}
    </Text> 
    </View>
      )

无法返回ListItem类型中的Text

2 个答案: