React-Native(字幕)でiOSストップウォッチを作成する

こんにちは、Habr! 非常にシンプルなReact Nativeチュートリアルの字幕が用意されており、Stopwatchアプリケーションの開発が考慮されます。 基本はiOSのストップウォッチでした。













このビデオは、音声を必要としない限り、字幕を必要としません。 すべてが画面上で非常にシンプルで明確で遅くなります。 当然のことながら、初心者向けのチュートリアルです。







ただし、著者のコメントを理解したい場合は、字幕が非常に役立ちます。









アブストラクト



06:16 RNのスタイル







14:20丸いボタンを作成する







21:21スクロールの使用( ScrollView







スタイルの30:49条件







34:59アプリケーションの「静的」バージョンの作業が終了しました







39:07押されたときにボタンを透明にします( TouchableOpacity







43:21 2つの問題があることがわかりました:碑文ジャンプ(レイアウト)、10までの数字で0が前面に表示されません。







47:20タイマーがオンのときに他のボタンを描画します。







54:10メインタイマーのリセットの問題を解決します。 reduceでの合計時間







01:01:27コンポーネントのアンマウント時のJavaScript間隔のクリア







01:02:03 Androidで実行中








All Articles