React Native で、トグルボタンを作成する

作ってみました。

App.js

import { StatusBar } from "expo-status-bar";

import { StyleSheet, Text, View, Button } from "react-native";

import { useState } from "react";

export default function App() {

  const [bool, setBool] = useState(true);

  const pressHandler = () => {

    bool ? setBool(false) : setBool(true);

  };

  return (

    <View style={styles.container}>

      <Text>Open up App.js to start working on your app!</Text>

      <Button title={bool ? "START" : "PAUSE"} onPress={pressHandler} />

      <StatusBar style="auto" />

    </View>

  );

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: "#fff",

    alignItems: "center",

    justifyContent: "center",

  },

});