m4har

// src/components/Button/index.js
import React from "react";
import { TouchableOpacity, Text } from "react-native";

const Button = ({ onPress, style, title, ...props }) => (
  <TouchableOpacity
    {...props}
    onPress={onPress}
    style={[styles.container, style]}
  >

m4har

// src/components/FormInput/index.js

import React from "react";
import { TextInput, View } from "react-native";

const FormInput = ({ secureTextEntry, ...props }) => (
  <View style={styles.container}>
    <TextInput
      style={styles.textInput}
      secureTextEntry={secureTextEntry}

m4har

// src/components/Gradient/index.js
// contoh disini dengan gambar

import React from "react";
import { ImageBackground, StatusBar } from "react-native";

const Gradient = ({ children, style }) => (
  <ImageBackground
    source={require("../../assets/img/bg.png")}
    style={style}

m4har

// src/components/Modal/index.js

import React from "react";
import { Modal, View } from "react-native";

const ModalView = ({ visible, onDismiss, children, onRequestClose }) => (
  <Modal
    visible={visible}
    onDismiss={onDismiss}
    transparent

m4har

// src/components/Loading/index.js

import React from "react";
import { ActivityIndicator, Platform } from "react-native";

import Modal from "../Modal";

const Loading = ({ onDismiss, visible, onRequestClose }) => (
  <Modal
    visible={visible}

m4har

// src/views/Login/index.js

import React, { PureComponent } from "react";
import { View } from "react-native";

// component
import Gradient from "../../components/Gradient";
import FormInput from "../../components/FormInput";
import Button from "../../components/Button";
import Loading from "../../components/Loading";

m4har

// App.js

import React from "react";

import Login from "./src/views/Login";

const LoginScreen = () => <Login />;

export default LoginScreen;

m4har

import React, { PureComponent } from 'react'
import { View, ViewPropTypes, Animated } from 'react-native'
import { withNavigationFocus } from 'react-navigation'
// import PropTypes from 'prop-types';

class LazyView extends PureComponent {
  state = {
    show: false,
    refresh: false
  };

m4har

import React, { PureComponent } from 'react'
import { Text, View, FlatList, TouchableOpacity } from 'react-native'

const Button = [
  { name: '1', icon: '' },
  { name: '2', icon: '' },
  { name: '3', icon: '' },
  { name: '4', icon: '' },
  { name: '5', icon: '' },
  { name: '6', icon: '' },

m4har

{
  "id":555,
  "name":"Kucing Ganteng",
  "role":"admin",
  "profile":"https://www.rd.com/wp-content/uploads/2017/09/01-shutterstock_476340928-Irina-Bg-1024x683.jpg"
}