Advertisement
joygabriel21

First React Native

Jan 22nd, 2020
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.36 KB | None | 0 0
  1. import React, { Component } from "react";
  2. import { Button, StyleSheet, TextInput, View } from "react-native";
  3.  
  4. export default class App extends Component {
  5. constructor(props) {
  6. super(props);
  7. }
  8.  
  9. render() {
  10. return (
  11. <View style={styles.container}>
  12. <TextInput
  13. placeholder={"user@email.com"}
  14. style={styles.textInput}
  15. />
  16. <TextInput
  17. secureTextEntry={true}
  18. placeholder={"Your super secret password"}
  19. style={styles.textInput}
  20. />
  21. <Button title={"Login"} />
  22. </View>
  23. );
  24. }
  25. }
  26.  
  27. const styles = StyleSheet.create({
  28. container: {
  29. flex: 1,
  30. backgroundColor: "#F5FCFF",
  31. justifyContent: "center",
  32. alignItems: "center"
  33. },
  34. welcome: {
  35. fontSize: 20,
  36. textAlign: "center",
  37. margin: 10
  38. },
  39. textInput: {
  40. borderWidth: 1,
  41. borderColor: "mediumaquamarine",
  42. height: 45,
  43. width: 300,
  44. padding: 5,
  45. marginBottom: 22
  46. }
  47. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement