問題タブ [react-native-stylesheet]

アプリにナイトモードを実装したい。だから私がしようとしているのは、ナイトモードがオフとオンのときに状態とグローバル変数を更新することです。しかし、現在、状態の更新のみを使用して現在の画面を更新しています。

問題は、アプリケーション全体でナイト モードの変更を反映するグローバル変数を作成するにはどうすればよいかということです。アプリをリロードせずに、グローバル変数を更新し、すべての画面に反映することを意味します。

また、代替案があれば教えてください。

私はReact Nativeから始めています。各要素にデフォルトのOSスタイルを適用できるかどうか疑問に思っているので、すべての要素スタイルを処理する必要がないので、iOSアプリ用のフォームと単純なテキストリストがあると想像してくださいiOS フォームとテキスト スタイルが必要で、Android アプリの場合はデフォルト スタイルが必要です。

私が見た限りでは、このコミットメントに関する公式文書はありませんが、これに対する回避策があるかどうかここで尋ねたいと思います。

TouchableOpacity を介してネイティブに反応するカスタム ボタンを設計しています。これまで、さまざまなスタイリング アプローチを試してきましたが、必要なデザインにはなりませんでした。以下は、解決しようとする私の試みです。

結果：

このように反応するネイティブボタンのスタイルを設定したい

この投稿は非常に近いですが、別の状況があります: How to Horizo​​ntally Center React Native Flexbox Text that Wraps across Multiple Lines

私はこのようにテキストのスタイルを設定しようとしています: 2 つの異なるテキスト スタイルを 2 行目に折り返すには、2 つのテキスト スタイルを次のように<Text>コンテナーにラップする必要がありました。

これは機能し、2 番目のテキスト コンポーネントが最初のテキスト コンポーネントの下に折り返されます。ただし、2 行目の水平方向の中央に配置することは拒否されます。大きなコンポーネント コンテナーの周りに別のコンテナーを追加しようとし<text>ましたが、そこでも成功しませんでした。私がそれを機能させることができた唯一の方法は、3 つの個別のテキスト コンポーネントを作成することでした。水平に中央揃えできた2行目。これは物事を行うにはひどい方法であり、正しい方法があると確信していますが、私の人生ではそれを見つけることができません.

どんな助けでも大歓迎です！

React Native Extended StyleSheet を使用して、Windows 用の React Native アプリを構築しています。メディアクエリを使用すると、アプリが起動した瞬間のクエリを取得できますが、動的にする必要があります。アプリ ウィンドウのサイズを変更しても、作成したルールに従ってスタイルが変更されません。すべてのルールが機能しますが、ウィンドウのサイズ変更によって起動されるルールはありません。

誰かがそれに対する解決策を持っていますか?