[React] to-do list 만들기

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { 
  StyleSheet, 
  Text, 
  View, 
  TouchableOpacity, 
  TouchableHighlight,
  TouchableWithoutFeedback,
  Pressable 
} from 'react-native';
import { theme } from "./colors";

export default function App() {
  return (
    <View style={styles.container}>
      <StatusBar style="auto" />
      <View style={styles.header}>
        <TouchableOpacity activeOpacity={0}>
          <Text style={styles.btnText}>Work</Text>
        </TouchableOpacity>
        <Pressable
         underlayColor="white"
         activeOpacity={0.5}
         onPress={() => console.log("pressed")}>
          <Text style={styles.btnText}>Travel</Text>
        </Pressable>
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: theme.bg,
    paddingHorizontal: 20
  },
  header : {
    justifyContent: "space-between",
    flexDirection: "row",
    marginTop : 100,
  },
  btnText : {
    fontSize : 38,
    fontWeight:  "700",
    color : theme.grey,
  }
});