問題タブ [react-native-stylesheet]

最初のアニメーションの後、textInput 要素の上に画像 (ロゴ) があります。アニメーションは正常に機能し、ロゴを正しい場所に配置します。

キーボードを開くと、ロゴは同じ場所にとどまります。しかし、フィールドを完全に埋めると、ロゴが少し下に移動してそこにとどまります。あ

要素のみの問題に直面しています。アプリの残りの部分では問題はありません。繰り返しますが、この問題は、キーボードが開いたときに発生しませんが、フィールドが特定のレベルに追加されたときに発生します

textinput が全体のサイズを変更しているのではないかと思ったので、そのスタイルを調べましたが、そのようなものは見つかりませんでした。サイズは同じでした

私のコンポーネント

スタイリング

私のapp.jsonにはすでに

念のためアニメーションコード

• 同じ position:absolute プロパティを持つ他の 2 つのビューもありますが、いずれも移動しません。この問題は私にとって本当に非常に奇妙です*

すべての要素は絶対位置にあります

最近、反応アプリから反応ネイティブアプリへの変換に苦労しています。この反応アプリでは、tailwind を使用してコンポーネントのスタイルを設定したため、オンライン ツールを使用してネイティブ スタイルシートに反応するように変換できるように、tailwind クラスをインライン css に変換する必要があります。Tailwind コードから CSS を取得する方法またはツールはありますか?

ie (Tailwind コード) " w-full h-full bg-black" 変換後は (vanilla css) { width : 100%; height : 100%; background-color : black;}

前もって感謝します！