2017-07-26 15 views
0

私はReact Nativeを初めて使っています。 WebViewコンポーネントが必要な現在実行中のプロジェクト。React Native ScrollviewアナログAndroid

しかし、アプリケーションのメインページが長すぎます(WebViewはページの最下部にあります)。したがって、ユーザーはWebViewセクションまでスクロールする必要があります。

そして、scrollイベントはWebViewブロックによって傍受されるべきです。

iOSは優れています。

Androidは、WebViewが親ScrollViewからのスクロールを傍受するのを防ぎます。私は多くの記事を読んで、この問題に関する記事を積み重ねました。

私はJava開発者ではないので、Javaをフックするのではなく、レイアウトコンポーネントの選択に間違っていると思いますか?

多分親ScrollViewの代わりに何か別のものを置くべきでしょうか?

しかし、どのようにページを下にスクロールできますか?

[更新]私は実際にwebviewの固定高さを設定してトリックを行いました。しかし、この場合(ウェブビューで多くのコンテンツを持つ場合)、水平スクロールでパフォーマンスが低下します。

FlatListでScrollViewを変更しました。理論的には、このコンポーネントはブロックの全データをレンダリングすべきではなく、可視コンテンツのみをレンダリングすべきです。しかし、これは垂直スクロールだけで私を助けました。水平スクロールに問題があります(WebViewコンポーネントの固定高さが小さい場合は問題ありません)。

答えて

0

その結果、私は実際のデバイス(Nexus 6P)でAndroidアプリを実行し、パフォーマンス低下なしで動作しました。おそらくAndroid Studioシミュレータの問題です。

とにかく、私はScrollViewの代わりにFlatListを使用すると助かりました。

実際のコンテンツの高さをWebViewコンテンツに設定するだけで、垂直方向にスクロールする必要はありません。

関連する問題