/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow
* @description 简单的登录页面(UI布局)
*/
import React, {Component} from 'react';
//组件的引入
import {StyleSheet, Text, View, Switch, Button} from 'react-native';
type Props = {};
export default class App extends Component<Props> {
//参数的设置
constructor(props) {
super(props);
this.params = {
userId: '',
password: '',
keepPwd: 'no',
autoLogin: 'no'
}
this.state = {
userId: '',
password: '',
keepPwd: false,
autoLogin: false,
loginText: '登录'
}
}
//在这里写入所有的组件
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>Welcome to React N
React Native简单的登录页面布局
最新推荐文章于 2024-05-16 11:36:11 发布
本文介绍如何使用React Native构建一个基本的登录界面布局。将详细讲解组件使用、样式设置以及用户交互处理,帮助开发者快速掌握React Native的UI设计技巧。
摘要由CSDN通过智能技术生成