Skip to main content
3 de 4
Mais exemplos

React Native - ListView

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma :

[[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}],[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     return rowData.map(function(user, i){
        return(
          <View key={i}>
            <Text>{user.userId}</Text>
            <View>
              <Text>{user.userName}</Text>
            </View>
          </View>
        );
    });
}

e

 const usersDS = new ListView.DataSource({rowHasChanged: (r1, r2) =>       r1.user !== r2.user});

this.state = {
 usersDataSource: usersDS.cloneWithRows([
            { "userId": "", "userName": "Ricardo"}
          ])
}

<ListView 
    style={{paddingTop: 2, height:100}}
    dataSource={this.state.usersDataSource}
    renderRow={this.renderRowUsers.bind(this)}
/>

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."