Untitled
unknown
plain_text
a year ago
866 B
6
Indexable
import React from 'react'; import { StyleSheet, Text, TextInput, View } from 'react-native'; export default function LoginComponent() { return ( <View style={styles.container}> <View style={styles.inputContainer}> <Text style={styles.label}>User</Text> <TextInput style={styles.textBox} /> </View> <View style={styles.inputContainer}> <Text style={styles.label}>Password</Text> <TextInput style={styles.textBox} secureTextEntry={true} /> </View> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', padding: 20, }, inputContainer: { marginBottom: 20, }, label: { marginBottom: 5, fontSize: 16, }, textBox: { borderWidth: 1, borderColor: '#000', padding: 10, height: 40, borderRadius: 5, }, });
Editor is loading...
Leave a Comment