ReactNative学习----11输入框组件TextInput使用

最新推荐文章于 2021-12-16 19:14:28 发布

zhaihaohao1

最新推荐文章于 2021-12-16 19:14:28 发布

阅读量290

点赞数

分类专栏： ReactNative

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/88632596

版权

本文介绍了ReactNative中的TextInput组件，通过官方文档链接提供了详细信息，并展示了如何获取输入对话框的数据。示例代码包括TextInputDemo.js，提供了一个源码下载链接供读者实践。

摘要由CSDN通过智能技术生成

官方文档：
https://reactnative.cn/docs/textinput.html#docsNav

效果图：
在这里插入图片描述

实现功能：
拿到输入对话框的数据：

代码：
TextInputDemo.js

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View,Alert,TextInput,TouchableHighlight} from 'react-native';

/**
 * 输入框
 * https://reactnative.cn/docs/textinput.html#docsNav
 * 拿到输入文字
 *
 *
 */
export default class TextInputDemo extends Component{
    constructor() {
        super();
        this.state = {
            title: '登录',
            username: '',
            password: '',
        };
    }

    onLogin = () => {
        let username = this.state.username;
        let password = this.state.password;