import { StatusBar } from 'expo-status-bar'; import { FlatList, StyleSheet, Text, View } from 'react-native'; const DATA = [ {id:1, title:'JavaScript'}, {id:2, title:'Java'}, {id:3, title:'Python'} ]; const renderItem = ({item}) => { retur…

スプレッド構文とは何だっけ?という方(自分)に対して、Reac Nativeでオブジェクトを扱う場合について調べてみます。 この辺からはより理解を深めるため説明を加えることで自分の学習とします。 オブジェクトとは、下記のような形式のものをいいます。 { name…

yuuzaki2000/FireAuthSample (github.com) npm install firebase@10.1.0 としてます。 Firebase Authenticationと Firestoreを実装しました。 まだ、一覧画面と、検索画面はできておらず、登録画面だけです。 firebaseConfigを別々のところで記載してしまう…

ターミナルでプロジェクトに移動して、 npm install @react-navigation/native@6 @react-navigation/stack@6 としました 下記くらいの機能の使用だけだと、React Navigationの場合は、依存関係のライブラりのインストールは不要なようです。（Documentには記…

下記のドキュメントを読んでみます。 Layout with Flexbox · React Native 英語がわからない人は、下記参考がよいでしょう。 React Nativeスタイリングの手引き (zenn.dev) 以下に二つ例を示します。なぜそうなるかを上のHPを参考に理解してみてください。 …

１．プランニング ２．モデリング ３．スタイリング ４．プログラミング ５．デザイン ６．リリース 順番に従って作成していくこととする。 １．については、まずはコンセプトである。 コードをストックするアプリを作成する。（コード検索画面で、タイトル…

React の流儀 – React (reactjs.org) 今は、Thinking in React に変わっています。これを自動翻訳にすると、React⇒反応、State⇒州などと訳されていて読めたものではありません。 このため古いReactの流儀を読んでみます。 １～４までは理解しやすいです。５…

React Nativeで、Expoを使って、プロジェクトを作成します。 CodeStockBaseという名称で作成します。 npx create-expo-app CodeStockBase 作成できたら、これを下記を参考に、GitHubに上げておきます。 VSCodeでGit・GitHubを使う方法を解説する【初心者向き…

プログラミングの場合、以前自分が書いたコードを参照にして、新たなコーディングをするということがあるでしょう。ただし、どのプロジェクトで書いたかはっきりせず、さがして時間がかかるということがあるでしょう。 自分が使いやすいコードをまとめておく…