掌上党支部推荐

// 使用React Native框架开发的简单登录页面示例

import React, { useState } from 'react';
import { View, Text, TextInput, Button } from 'react-native';

const LoginScreen = () => {
  const [username, setUsername] = useState('');
  const [password, setPassword] = useState('');

  const handleLogin = () => {
    // 这里可以添加登录验证逻辑，比如调用后端API进行身份验证
    console.log(`Username: ${username}, Password: ${password}`);
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text style={{ fontSize: 24 }}>掌上党支部登录</Text>
      <TextInput
        style={{ height: 40, borderColor: 'gray', borderWidth: 1, width: '80%', marginTop: 20 }}
        placeholder="用户名"
        onChangeText={setUsername}
        value={username}
      />
      <TextInput
        style={{ height: 40, borderColor: 'gray', borderWidth: 1, width: '80%', marginTop: 20 }}
        placeholder="密码"
        secureTextEntry={true}
        onChangeText={setPassword}
        value={password}
      />
      <Button title="登录" onPress={handleLogin} />
    </View>
  );
};

export default LoginScreen;