2023-10-01から1ヶ月間の記事一覧

React Native④ Redux toolkit を使ってカウンターを作成する

【Redux入門】初学者でも理解できるReduxの仕組みを解説します!(Redux Toolkitを使用) - YouTube ひきつづき上記のYoutube動画を参考にして、React Nativeで作成してみます。 (プロジェクト名)/App.js import { StatusBar } from 'expo-status-bar';impor…

React Native③ カウンターを作る~通常~

まずシンプルに作成 import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import {useState} from 'react'; export default function App() { const [count, setCount] = useState(0); const inc…

React Native③ カウンターを作る~通常~

まずシンプルに作成 import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import {useState} from 'react'; export default function App() { const [count, setCount] = useState(0); const inc…

React Native② リスト表示を行い、さらには、タップできるようにする

import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, FlatList, TouchableOpacity } from 'react-native'; import { useState } from 'react'; const DATA = [ {id:'1', title:'テキスト1'}, {id:'2', title:'テキスト2'}, {i…

ReactNative① Text、Buttonでフォームのようなものを作成する。

import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, TextInput, Button } from 'react-native'; import {useState} from 'react'; export default function App() { const [name, setName] = useState(""); const [nameText, s…