身份认证-Demo3_2-(3)

import React, { Component } from "react";

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

export default class Demo3_2 extends Component {

  constructor(props) {

    super(props);

    this.state = {

      name: "",

      psw: ""

    };

  }

  componentDidMount() {

    this.nameGet();

    this.pswGet();

  }

  nameGet = async () => {

    const names = await AsyncStorage.getItem("name");

    this.setState({

      name: names

    });

  };

  pswGet = async () => {

    const psws = await AsyncStorage.getItem("psw");

    this.setState({

      psw: psws

    });

  };

  clears = async () => {

    await AsyncStorage.clear();

    this.props.navigation.navigate("Demo"); //清空数据后跳转到输入信息页面

  };

  render() {

    return (

      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>

        <Text

          style={{

            fontSize: 20

          }}

        >

          {this.state.name}

        </Text>

        <Text

          style={{

            fontSize: 20

          }}

        >

          {this.state.psw}

        </Text>

        <View

          style={{

            marginTop: 100,

            width: 100

          }}

        >

          <Button title="注销" onPress={this.clears} />

        </View>

      </View>

    );

  }

}