ReactNative入门----基于LeanCloud实现ReactNative注册功能

LeanCloud:

国内领先的 BaaS 提供商，为移动开发提供强有力的后端支持。

我们用LeanCloud的数据存储功能，进行用户数据的存储。

准备：

去 leancloud 注册一个账号，并且创建一个应用。获取APP_ID和 APP_KEY，在 LeanCloud 的控制台/设置/应用 Key里可以找到APP_ID和 APP_KEY。

安装：

首先生成一个ReactNative项目。

$ react-native init AwesomeProject

然后进入项目根目录，安装 LeanCloud SDK。

$ npm install leancloud-storage --save

最后在 JavaScript 入口文件（一般是index.(ios|android).js）中引入 SDK 并初始化：

import AV from 'leancloud-storage';

AV.initialize(APP_ID, APP_KEY);

把 APP_ID  和 APP_KEY 替换成实际的应用数据。运行或刷新应用，如果没有报错的话，说明 LeanCloud SDK 已经正确地加载并执行了。

开始

首先用ReactNative写一个注册界面。

在constructor中创建两个状态。

分别是用户名和密码。

constructor方法

输入用户名和密码用的是TextInput组件。

输入密码TextInput

在onChangeText调用时，将的TextInput中的值赋给UserPassword。UserName同理。

注册提交按钮使用TouchableHighlight组件。

TouchableHighlight注册按钮

首先新建一个AVUser的对象实例。然后将用户名及密码赋值给实例。最后调用signUp方法就成功注册了一个新用户。

注册界面

注册一个Jianshu的uesr，在LeanClond中查看。

注册

查看数据

细节补充完善：

当用户名为空时，或者用户密码为空时，对用户进行提示。

进行空值判断