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

styleをJavaScript(React、React Native)で変更

styleをJavaScript(React、React Native)で変更したい場合があると思います。 たとえば、ボタンを押すと、文字のサイズがでかくなるとか、、、

(続き)playlistを再生する

iFrame.jsで、 PLAYボタンの作成のところで、 player.playVideo()を、 player.loadPlaylist(playlist:String|Array)に書き換える。ここに、YOUTUBE動画のIDの配列をいれておけば再生可能。次は、YoutubeIDの配列データを渡せば、そのリストを再生してくれ…

expo-avライブラリ

webにある動画 import * as React from "react"; import {useState, useRef} from 'react'; import { View, StyleSheet, Button } from "react-native"; import { Video, AVPlaybackStatus } from "expo-av"; export default function App() { const video =…

今年を振り返る

最近、また躓いているところが下記である。 React Nativeスタイリングの手引き (zenn.dev) もう一度読んでおこう。 zenn.dev 上記HP内に、Expo公式ページでも1年の振り返り記事があるようである。 expo.dev

クラス型のコンポーネントのライフサイクルと等価のコードをuseEffectで表現する

SafeAreaViewについて調べる

保存しないTo do リストアプリを作成する

React.jsで、ある配列の要素を使って、別の配列を作る

もう一度理解する、JavaScriptの配列とコピー #JavaScript - Qiita 上記を読んでみます。 まず、これです。 『const a = [1, 2, 3];const b = a; // aの「コピー」?? これはコピーではない』 JavaScriptでは(この言語に限らず)、数学の『=』と、プログ…

react-native-youtube-iframeライブラリを利用したアプリをビルドしてつかってみる

今回、react-native-youtube-iframeというライブラリを利用して、Youtube動画を見れるアプリを作成します。 Youtube公式アプリにリンクがしてあるので、違法ではないようです。まあ、これに関しては自分で使用するだけなので関係ないですが。 lonelycpp.gith…

『React Nativeで、内部ストレージを使って、To do アプリを作成する』を演習する

下記HPを参考にしてます。 qiita.com totolog34.com このHPにでてくるもののTipsを上げておきます。 非同期処理については以前勉強したので詳細は割愛しますが、今回の非同期処理ではPromiseが使用されていないことに留意してください。また、非同期処理がで…

NativeWind再考

https://www.nativewind.dev/quick-starts/expo このライブラリの前身は、設定で躓いたが、やはりできることなら利用したい。 ということで、再度試してみることとした。 Expoでやってます。 上記HPを参考にするとうまくいきました。 npx create-expo-app Sa…