StyleSheet API

App.tsx

import { Text, StyleSheet } from 'react-native'
import { MyButton } from './components/MyButton';

function App() {
  return (
    <MyButton 
      style={styles.button}
      onPress={() => console.log("Pressed")}
    >
      <Text style={styles.text}>Press Me!</Text>
    </MyButton>
  );
}

const styles = StyleSheet.create({
  button: {
    backgroundColor: "blue",
    paddingTop: 10,
    borderWidth: 1,
  },
  text: {
    color: "white"
  }
});