我正在创建一个应用程序并且正在登录屏幕上工作。我需要帮助在用户名字段内添加用户图标,在密码字段内添加密码图标。我想让它变得更漂亮的应用程序。并且还向我推荐其他 React Native 的材料设计网站,例如 React-Native-Paper
import React from 'react';
import { StyleSheet, Text, View,Alert,Icon} from 'react-native';
import { TextInput,Button,IconButton,Colors,Avatar } from 'react-native-paper';
import { SQLite } from 'expo-sqlite';
const db = SQLite.openDatabase('test.db');
class SignInScreen extends React.Component {
state = {
UsernameOrEmail : '',
Password : '',
}
render() {
return (
<View style={{ flex: 1, justifyContent: "center" }}>
<View style={{alignItems: 'center',backgroundColor:'yellow',height:170}}>
<Avatar.Image size={180} source={require('../assets/avatar.png')} style={{marginTop:-80}}/>
</View>
<TextInput
label='Username or Email'
value={this.state.UsernameOrEmail}
style={[styles.textinput ,{marginTop:-10}]}
onChangeText={(text) => this.setState({UsernameOrEmail : text})}
/>
<TextInput …Run Code Online (Sandbox Code Playgroud) 我想在我的反应本机应用程序中添加一个关于删除操作的警报框,我需要确认用户是否单击“确定”,然后如果用户单击“取消”按钮,则记录将被删除,然后警报应该关闭或关闭。我该怎么做?
Alert.alert(
'Alert Title',
'My Alert Msg',
[
{
text: 'Cancel',
onPress: () => console.log('Cancel Pressed'),
},
{
text: 'OK',
onPress: () => console.log('OK Pressed')
},
],
{cancelable: false},
);
Run Code Online (Sandbox Code Playgroud)