Página da disciplina de pos (Programação Orientada a Serviços) do curso técnico integrado de Informática para Internet.
objetivos:
app/components/Container/Container.js
import PropTypes from 'prop-types';
import React from 'react';
import { View } from 'react-native';
import styles from './styles';
const Container = ({ children }) => (
<View style={styles.container}>
{children}
</View>
);
Container.propTypes = {
children: PropTypes.any,
};
export default Container;
app/components/Container/index.js
import Container from './Container';
import styles from './styles';
export { Container, styles };
app/components/Container/styles.js
import EStyleSheet from 'react-native-extended-stylesheet';
export default EStyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '$primaryBlue',
},
});
app/screens/Home.js
import React from 'react';
import { StatusBar } from 'react-native';
import { Container } from '../components/Container';
export default () => (
<Container>
<StatusBar translucent={false} barStyle="light-content" />
</Container>
);
app/index.js
import React from 'react';
import EStyleSheet from 'react-native-extended-stylesheet';
import Home from './screens/Home';
EStyleSheet.build({
$primaryBlue: '#4F6D7A',
});
export default () => <Home />;
App.js
import App from './app/index';
export default App;