我正在创建一个应用程序,其中有一个存储在JsonFile中的帐单列表。当我在应用程序中连接时,我被重定向到包含我的JsonFile中所有账单列表的视图(图片,名称等等)
没问题。我还有两个视图,当我点击一行时,我被重定向到帐单描述的视图,在那里,我可以更改值并点击"编辑"。
如何在JSon文件中编辑帐单? (当我想在JsonFile中创建账单时添加账单?)
EditView渲染
<ScrollView contentContainerStyle={{justifyContent: 'center'}}
style={[Styles.container, {height: this.state.visibleHeight}]}>
<View style={Styles.form}>
<View style={Styles.row}>
<Text style={Styles.rowLabel}>Produit</Text>
<TextInput
ref='billType'
style={textInputStyle}
value={billType}
editable={this.state.editable}
keyboardType='default'
returnKeyType='next'
autoCapitalize='none'
autoCorrect={false}
onChangeText={this.handleChangeBillType}
underlineColorAndroid={this.state.underline}
autoCorrect={false}
placeholder={billType} />
</View>
<View style={Styles.row}>
<Text style={Styles.rowLabel}>Créancier</Text>
<TextInput
ref='billCreditor'
style={textInputStyle}
value={this.state.billCreditor}
editable={this.state.editable}
keyboardType='default'
returnKeyType='next'
autoCapitalize='none'
autoCorrect={false}
onChangeText={this.handleChangeBillCreditor}
underlineColorAndroid={this.state.underline}
placeholder={billCreditor} />
</View>
<View style={[Styles.loginRow]}>
<TouchableOpacity style={Styles.loginButtonWrapper}
onPress={this.handlePressEditable.bind(this)}>
<View style={Styles.loginButton}>
<Text style={Styles.loginText}>Editer</Text>
</View>
</TouchableOpacity>
<TouchableOpacity style={Styles.loginButtonWrapper} onPress={this.goBack.bind(this)}>
<View style={Styles.loginButton}>
<Text style={Styles.loginText}>Supprimer</Text>
</View>
</TouchableOpacity>
</View>
</View>
</ScrollView>
我发现的一些事情
我看到有AsyncStorage,但我不知道如何真正使用它。 还有react-native-fs,如果它有用或者我想要一个具体的例子,如果可能的话,因为我认为文档不够明确。
有人可以帮我吗?
谢谢大家!