React Native - 数据网格

时间:2017-08-24 12:50:47

标签: javascript react-native datagridview datagrid

我正在开发Android / iOS商业应用程序,用户可以通过在表/数据网格中添加文章来创建发票。我正在使用React Native并正在寻找合适的组件。要求是添加/删除行和更改单元格。

我尝试了一些组件,但它们并不适合我的需求。

您对React Native下的数据网格有什么建议吗?

1 个答案:

答案 0 :(得分:0)

满足您需求的最佳选择是使用public class App extends Application { @Override public void onCreate() { super.onCreate(); startService(new Intent(this, WiFiService.class)); } } 组件。由FlatList团队推荐,其效果良好(请参阅here)。 react-native也非常易于使用,您可以阅读它的有用文档hereFlatList的一个简单示例如下:

FlatList

您可以简单地在 _keyExtractor = (item, index) => item.id; _renderItem = ({item}) => ( <MyListItem id={item.id} title={item.title} /> ); render() { return ( <FlatList data={this.state.data} extraData={this.state} keyExtractor={this._keyExtractor} renderItem={this._renderItem} /> ); } 的输入列表中添加或删除项目(在此示例中为FlatList),并将this.state.data值传递给this.state道具, extraData会知道您的状态更改,并会以最佳效果自动更新。