パフォーマンスを最適化するイメージを含む反応するネイティブコンポーネント

Question

イメージをバックグラウンドとして使用するアプリケーション内のコンポーネントがあります。コンポーネントは、ユーザーが以前のメッセージを表示して新しいメッセージを送信できるチャット画面です。コンポーネントはレデックスストアに接続されています。コンポーネントはこのように高いレベルで表示されます

// Chat screen 
<Image> 
    <Messages /> 
    <TextInput /> 
</Image> 

チャット画面コンポーネントは、ユーザーが何かを入力するたびに再レンダリングされます。場合によっては、入力時に遅れが発生し、入力された文字が画面に表示されることがあります。私はそれがImageがユーザーが何かを入力するたびに再レンダリングされ、MessagesとTextInputを別のコンポーネントに抽出してそれをreduxストアに接続してImageがユーザーが入力中に再レンダリングされません。

性能に影響を及ぼさない場合は変更したくないので、遅延が非常に断続的であるため、その変更が性能に影響を与えるかどうかは分かりません。

これがコンポーネントのパフォーマンスに影響すると思ったら教えてください。

Answer 1

画像をバックグラウンドで使用すると、特にAndroidでパフォーマンスが向上する可能性があります。縮小した画像を背景として使用する。また、ラッパーを作成して、TextInputコンポーネントへの状態変更をカプセル化してください。 MessagesコンポーネントにもFlatListを使用することをお勧めします。