小编Ade*_*och的帖子

如何在React Native中的InputText左侧添加图标

我正在创建一个应用程序并且正在登录屏幕上工作。我需要帮助在用户名字段内添加用户图标,在密码字段内添加密码图标。我想让它变得更漂亮的应用程序。并且还向我推荐其他 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)

javascript json react-native

5
推荐指数
3
解决办法
2万
查看次数

如何关闭或消除本机反应中的警报框...?

我想在我的反应本机应用程序中添加一个关于删除操作的警报框,我需要确认用户是否单击“确定”,然后如果用户单击“取消”按钮,则记录将被删除,然后警报应该关闭或关闭。我该怎么做?

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)

javascript confirm alert react-native

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×2

react-native ×2

alert ×1

confirm ×1

json ×1