2024-01-26から1日間の記事一覧

Redux toolkitを再度使う

App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import {store} from './redux/store'; import {Provider, useDispatch, useSelector} from 'react-redux'; import { increment_whit…

Redux toolkitを再度使うための準備

もしReduxを使わなければ、、、 App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View } from 'react-native'; import { useState } from 'react'; import ContainerCounter from './components/ContainerCounter'; export…

safeareaviewコンポーネントはいろいろなライブラリに存在する

zenn.dev

react-native-draglistライブラリを利用する

サンプルコードを利用して App.jsを作成します。 import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button, TouchableOpacity } from 'react-native'; import Animated, {useSharedValue} from 'react-native-reanimated'; i…

drag,drop,sortできるリストを作成したい②

Multiple Drag and Sort List in Reanimated 2 (youtube.com) コードが入手できます。 React Native Reanimated 2 Multiple Drag and Sort: Apple Music Example · GitHub BlurView - Expo Documentationの中に下記のような記載があります。 BlurView inheri…