Shoutem云 - 从React Native部分添加新条目

要在Shoutem云的React Native部分中添加新条目，您可以按照以下步骤进行操作：

1. 首先，确保您已经在Shoutem云上创建了一个应用程序。

2. 打开您的React Native项目，并确保已经安装了Shoutem云的React Native SDK。您可以通过运行以下命令来安装它：

npm install @shoutem/extension-kit-react-native

3. 在您的React Native项目中，创建一个新的文件，例如NewEntry.js，用于添加新条目的代码。

4. 在NewEntry.js文件中，导入所需的Shoutem云组件和函数：

import { connect } from '@shoutem/redux-io';
import { create } from '@shoutem/redux-io/actions';
import { ext } from '@shoutem/redux-io/actions';

5. 创建一个新的React组件，并将其连接到Redux store：

class NewEntry extends Component {
  constructor(props) {
    super(props);
    this.state = {
      // 初始化新条目的状态
      title: '',
      content: '',
    };
  }

  handleTitleChange = (title) => {
    this.setState({ title });
  }

  handleContentChange = (content) => {
    this.setState({ content });
  }

  handleSave = () => {
    const { title, content } = this.state;

    // 创建新条目的动作
    const newEntry = {
      title,
      content,
    };

    this.props.create(ext('YOUR_EXTENSION_NAME'), 'YOUR_SCHEMA_NAME', newEntry);
  }

  render() {
    return (
      <View>
        <TextInput
          placeholder="Title"
          value={this.state.title}
          onChangeText={this.handleTitleChange}
        />
        <TextInput
          placeholder="Content"
          value={this.state.content}
          onChangeText={this.handleContentChange}
        />
        <Button
          title="Save"
          onPress={this.handleSave}
        />
      </View>
    );
  }
}

// 将新条目添加到Redux store的连接
const mapDispatchToProps = {
  create,
};

export default connect(null, mapDispatchToProps)(NewEntry);

6. 在您的应用程序中的适当位置使用NewEntry组件：

import NewEntry from './NewEntry';

// ...

class App extends Component {
  render() {
    return (
      <View>
        {/* 其他组件 */}
        <NewEntry />
      </View>
    );
  }
}

// ...

7. 现在，您可以在应用程序中使用NewEntry组件添加新的条目。当用户填写标题和内容，然后点击保存按钮时，新条目将被创建并添加到Shoutem云中。

请确保将YOUR_EXTENSION_NAME替换为您的扩展名，YOUR_SCHEMA_NAME替换为您的模式名称，以便正确地创建和存储新条目。