Как показать линии сетки в flatList в реагировать на нативный

Fahad спросил: 03 ноября 2018 в 09:25 в: react-native

У меня есть список данных о сотрудниках. Мне нужны линии сетки между ними (для просмотра в виде таблицы). Как это возможно с flatList в реагировать родной?

    <View >
                  <View style={Styles.empTab}>
                    <ScrollView horizontal={true} >
                      <View style={Styles.empTable}>
                        <Text>SL#</Text>
                        <FlatList
                          //style={Styles.empData}
                          data={this.state.empData}
                          keyExtractor={item => item.emp_id + ""}
                          renderItem={({ item }) => (
                            <View style={Styles.empitem}>
                              <Text>{item["emp_id"]}</Text>
                            </View>
                          )}
                        />
                      </View>                      <View style={Styles.empTable}>
                        <Text>Name</Text>
                        <FlatList
                          //style={Styles.empData}
                          data={this.state.empData}
                          keyExtractor={item => item.emp_id + ""}
                          renderItem={({ item }) => (
                            <View  style={Styles.empitem}>
                              <Text>{item["name"]}</Text>
                            </View>
                          )}
                        />
                      </View>
                    </ScrollView>
                  </View>

Результат похож на

SL#  Name 
1    ab     
2     gh 

Мне нужно просмотреть его как таблица (то есть с границей столбца-строки)

0 ответов