問題タブ [social-media-like]

モバイルとウェブの両方にデプロイして、フラッター アプリケーションにソーシャル メディア統合を実装しようとしています。shareパッケージを使用したモバイル実装は問題なく動作していますが、web は少し新しいため、基本的な html および js API を使用することにしました。たとえば、facebook、twitter、とリンクイン。

html から src として静的に供給されると、ボタンは正常に動作します。thymeleaf や Django テンプレートなどのサーバー側のテンプレートを自由に使用できる場合は、その方法でパラメーター化された HtmlElementView ウィジェットを作成することもできますが (たとえば、共有可能な URL のテンプレート リテラルを使用して)、代わりに dart:html に限定されます。パッケージ。

これは理論的には問題ありませんが、実際には何らかの理由で、DOM がそれらを認識して正しくレンダリングするのに間に合うように、次のような必要なソーシャル メディア js API を読み込むことができません。 index.html ファイルの本体。

Dart でペイロードを準備するには、次のようにします。

次に、次のようにビューにプッシュします。

次のように、ウィジェットとして構築されます。

これを乗り越える方法を知っている人はいますか？おそらく、いくつかのプリロードメカニズムですか？

コンテキストについては、互換性のために Flutter バージョン1.23.0-18.1.preを使用しています。役立つコードを喜んで共有します。

どうぞよろしくお願いいたします。

反応ネイティブでソーシャル メディア アプリケーションを作成しています。このアプリケーションは、オフライン ファーストのアプリ アーキテクチャに基づいています。私はネイティブに反応するのが初めてなので、状態管理などの複数のことに遭遇しました。

私にはまだ不明な点がいくつかあります

1. オフライン ファーストのアプリを作成している場合。その場合もreduxが必要ですか？
2. ソーシャル メディアの種類のアプリケーションの場合、redux または Mobx が必要ですか?
3. 反応ネイティブでオフラインファーストアプリケーションを管理する方法(一般的なアイデアが必要です)?
4. スイカのデータベースを使用する予定ですが、何か提案はありますか?

前もって感謝します

私たちのウェブサイトは長い間 Cloudflare プロキシ経由でサーバー化されており、すべてうまくいっています。最近、ウェブページにソーシャル メディア ボタンを配置したいと考えていました。LINEとFacebook のボタンがあります。ローカルホストでテストすると、両方のソーシャル メディアのボタンが正常に機能します。しかし、本番環境にページを更新すると、LINEのボタンが表示されず、Facebookのボタンしか表示されないことがわかりました。その後、Cloudflare のプロキシをオフにすると、LINE のボタンが表示されることがわかりました。この問題を図に示します。また、Cloudflareのプロキシを経由しない別のサーバーにページを配置すると、LINEのボタンが正常に表示されることを確認しています。ボタンは、単純な html と javascript を使用して Web ページに埋め込まれます。

ソーシャル メディア ボタンを表示するためだけに Cloudflare プロキシを完全にオフにしたくはありませんが、LINE のボタンが非表示になるのを防ぐ方法がわかりません。私たちが見逃したキーを指摘していただけませんか? どうもありがとうございました！