Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

App.js 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. import { StatusBar } from 'expo-status-bar';
  2. import React from 'react';
  3. import { StyleSheet, Text, View, TextInput } from 'react-native';
  4. import { Button } from 'react-native-web';
  5. export default function App() {
  6. return (
  7. <View style={styles.container, {
  8. flexDirection: "column"
  9. }}>
  10. <View style={styles.controlBar}>
  11. <View style={{
  12. flexDirection: 'row'
  13. }}>
  14. <Text>Objectif</Text>
  15. <TextInput/>
  16. </View>
  17. <View style={{
  18. alignItems: 'flex-end',
  19. flexDirection: 'row'
  20. }}>
  21. <Button title={"Jour"}></Button>
  22. <Button title={"Mois"}></Button>
  23. <Button title={"YTD"}></Button>
  24. </View>
  25. </View>
  26. <Text>Open up App.js to start working on your app!</Text>
  27. <StatusBar style="auto" />
  28. </View>
  29. );
  30. }
  31. const styles = StyleSheet.create({
  32. container: {
  33. flex: 1,
  34. backgroundColor: '#fff',
  35. alignItems: 'center',
  36. justifyContent: 'center',
  37. },
  38. controlBar: {
  39. flex: 1,
  40. flexDirection: "row",
  41. justifyContent: 'space-between'
  42. }
  43. });