写入/更新现有的Json文件

时间:2017-04-28 09:27:02

标签: json react-native

我正在创建一个应用程序,其中有一个存储在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,如果它有用或者我想要一个具体的例子,如果可能的话,因为我认为文档不够明确。

有人可以帮我吗?

谢谢大家!

0 个答案:

没有答案