如何使用数组从react-native-paper实现<List.Accordion？

Question

我在数组中使用https://snack.expo.io/@cxrocha/list.accordion

Answer 1

这是一种实现数组数据的方法。

     render = () => {
        if (this.state.Data) {
          let uiItems = [];
          for (const obj of this.state.Data) {
            uiItems.push(
              <List.Section >
                <List.Accordion
                  title={obj.Title}
                  left={(props) => <List.Icon {...props} icon="folder" />}>
                  <List.Item title={obj.Description} descriptionNumberOfLines={16}/>
                </List.Accordion>
              </List.Section>,
            );
          }
          return uiItems;
        } else {
          return null;
        }
      };
    
      render() {
        {
          return (
            <View style={{flex: 1}}>
              {this.render()}
            </View>
          );
        }
      }