如何将TradingView Charting Library集成到Flutter、Android应用及PWA？求Custom Feeder源码

搭配Custom Feeder的使用情况 #

• 不少开发者在集成TradingView Charting Library时会用到Custom Feeder，主要用来对接自有金融数据源，替代官方默认的数据feed。
• Android端通常通过WebView加载库的前端资源，再用addJavascriptInterface这类JS桥接方式，让Custom Feeder的逻辑和原生代码交互，实现自定义历史数据查询、实时数据推送的功能。
• Flutter PWA本身属于Web环境，直接按照官方文档里的Custom Feeder JS配置方式实现即可——写一个自定义的Datafeeder类，处理数据的获取、解析和传递，不需要额外做原生桥接，流程更直接。

最新版源码示例 #

• 官方没有公开完整的、针对Android和Flutter PWA的最新版集成示例，但社区里有不少基于新版库的实践片段：
  • Android端：初始化WebView后加载charting_library.min.js，通过JS注入配置Custom Feeder，核心代码示例：

    const widget = new TradingView.widget({
      container: 'tv_chart_container',
      datafeed: new CustomDatafeeder(),
      // 其他配置项（如图表类型、时区等）
    });
    

    原生部分负责提供数据接口，通过JS桥接把数据传递给前端的Custom Feeder。
  • Flutter PWA：在web目录的HTML文件中引入库资源，编写Custom Feeder的JS逻辑，实现onReady、getBars、subscribeBars等必需方法，纯PWA直接运行即可；如果是混合Flutter应用，也可以用webview_flutter插件加载这个页面。

注意：使用TradingView Charting Library需要先获取官方授权，最新版的API细节以官方文档为准。

内容的提问来源于stack exchange，提问作者mohammad sajad orafa