Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { StatusBar } from 'expo-status-bar';
- import { Dimensions, useWindowDimensions, StyleSheet, Text, View, TouchableWithoutFeedback, TouchableOpacity, TouchableHighlight, Alert, Image, SafeAreaView, Button } from 'react-native';
- import { useDeviceOrientation } from '@react-native-community/hooks';
- export default function App() {
- return (
- <View
- style={{
- backgroundColor: "white",
- flex: 1,
- flexDirection: "row"
- /**
- * Press Ctrl + Space to see for example what values flexDirection can be assigned
- */
- }}
- >
- <View
- style={{
- backgroundColor: "dodgerblue",
- width: 100,
- height: 100
- }}
- />
- <View
- style={{
- backgroundColor: "gold",
- width: 100,
- height: 100
- }}
- />
- <View
- style={{
- backgroundColor: "tomato",
- width: 100,
- height: 100
- }}
- />
- </View>
- );
- }
- const containerStyle = {backgroundColor: "orange"};
- const styles = StyleSheet.create({
- container: {
- flex: 1,
- backgroundColor: 'orange'
- },
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement