身份认证-Demo3_1-(2)

import React, { Component } from "react";

import { View, Text, TextInput, Button, AsyncStorage } from "react-native";

export default class Demo3_1 extends Component {

  constructor(props) {

    super(props);

    this.state = {

      name: "",

      psw: ""

    };

  }

  name1 = text => {

    this.setState({

      name: text

    });

  };

  psw1 = text => {

    this.setState({

      psw: text

    });

  };

  render() {

    return (

      <View

        style={{

          flex: 1,

          justifyContent: "center",

          alignItems: "center"

        }}

      >

        <TextInput

          onChangeText={this.name1}

          style={{ width: 200 }}

          placeholder="请输入用户名"

        />

        <TextInput

          onChangeText={this.psw1}

          style={{ width: 200 }}

          placeholder="请输入密码"

        />

        <Button

          title="登录"

          onPress={async () => {

            await AsyncStorage.setItem("name", this.state.name); //获取姓名

            await AsyncStorage.setItem("psw", this.state.psw); //获取密码,都存入数据库

            this.props.navigation.navigate("Demo3_2"); //跳转过去 并显示数值

          }}

        />

      </View>

    );

  }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容