問題タブ [react-native-image]

背景として画像を使用するコンポーネントがアプリに含まれています。このコンポーネントは、ユーザーが以前のメッセージを表示したり、新しいメッセージを送信したりできるチャット画面です。コンポーネントは redux ストアに接続されています。コンポーネントは、高レベルで次のように見えます

チャット画面コンポーネントは、ユーザーが何かを入力するたびに再レンダリングされます。ときどき、入力した文字が画面に表示されるまでに時間がかかるとユーザーから報告されています。Imageユーザーが何かを入力するたびに も再レンダリングされるという事実が原因であるかどうか、Messagesおよびを別のコンポーネントに抽出し、再レンダリングされないTextInputようにそれを redux ストアに接続することが理にかなっている場合、私は考えていますImageユーザーが入力しているとき。

パフォーマンスに影響しない場合は、この変更を行いたくありません。ラグが非常に断続的であるため、その変更がパフォーマンスに影響を与えているかどうかを測定する確実な方法がありません.

これがコンポーネントのパフォーマンスに影響すると思われる場合はお知らせください。

私の減速機：

残りのコンテンツは表示できますが、画像は表示できません。私のコード:

のURIソースでURLをtheimage直接使用するとImage、機能します。私は何を間違っていますか？

画像を表示する適切な方法は何ですか? どうもありがとう。

Image コンポーネントの純粋なコンポーネント ラッパーを作成しました。画像をアップロードすると、 this.props.source.uri プロパティが変更され、画像が更新されます。しかし、行くのに約1分かかります。何が起こっているかを確認するために、onLoadStart、onLoadEnd、および onProgress メソッドを配置しました。onLoadStart() はすぐに起動されますが、onProgress が進行状況を表示し始めるまでに 40 秒以上かかります。なぜそうなのですか？私が使用している画像サイズは 1 MB 未満で、2.3 秒でアップロードできます。