isacjunior

// src/components/styled.js
import styled from 'styled-components'

export const ScrollNavigator = styled.ScrollView`
  height: 120;
`

export const NavigatorContent = styled.View`
`

isacjunior

// src/components/BottomNavigator/index.js
import React, { Component } from 'react'
import { ScrollNavigator, NavigatorContent, NavigatorBox, Title } from './styled'
import { indicator, deposit, transfer, ajust, card, payment, block } from '../../assets/home'

class BottomNavigator extends Component {
  // Setei os items no state local, mas o indicado é que isto venha como props para este componente. 
  // Provavelmente os items serão buscados via serviço.
  state = {
    menuItems: [

isacjunior

import React, { Component } from 'react'
import { Text, View } from 'react-native'
import styles from './styles'
import { translate } from './locales'

class App extends Component {

  render() {
    return (
      <View style={styles.container}>

isacjunior

// en-US.js
export default = {
  hello: 'Hello World',
}

// pt-BR.js
export default = {
  hello: 'Olá Mundo',
}

isacjunior

import { Platform, NativeModules } from 'react-native'
import I18n from 'i18n-js'
import en from './en-US' // importa o objeto de traduções para o idioma inglês
import pt from './pt-BR' // importa o objeto de traduções para o idioma português

// Função que irá nos auxiliar a normalizar as traduções que serão recebidas pela função getLanguageByDevice
// Isso é necessário pois no android e no iOS o retorno do mesmo idioma pode ser diferente
// Exemplo: no iOS podemos receber pt_US e no android pt_BR para o idioma português Brasil.
const normalizeTranslate = {
  'en_US': 'en_US',

isacjunior

{
  type: 'h1',
  props: { className: 'title' },
  children: ['Hello World'],
}

isacjunior

React.createElement(
  "h1",
  { className: "title" },
  "Hello World"
);

isacjunior

<h1 className="title">Hello World</h1>

isacjunior

var nav = React.createElement(
  "nav",
  { className: "menu" },
  React.createElement(
    "ul",
    null,
    React.createElement(
      "li",
      null,
      React.createElement(

isacjunior

const nav = (
  <nav className="menu">
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
    </ul>
  </nav>
)