蚂蚁财富页面基金净值走势图如何用taro +F2实现，并且支持原生APP访问

要用 Taro + F2 实现蚂蚁财富基金净值走势图，可以按照以下步骤进行：

1. 首先安装 Taro 和 F2，可以使用 npm 进行安装：`npm install -g @tarojs/cli` 和 `npm install f2`

2. 创建一个 Taro 项目：`taro init myApp`

3. 在 Taro 项目中引入 F2：

在 app.js 中添加以下代码：

import F2 from '@antv/f2/lib/core';
import '@antv/f2/lib/geom/';
import '@antv/f2/lib/geom/line';
import '@antv/f2/lib/geom/point';
import '@antv/f2/lib/scale/';
import '@antv/f2/lib/scale/time-cat';
import '@antv/f2/lib/component/';
import '@antv/f2/lib/component/guide/';
import '@antv/f2/lib/interaction/';
import '@antv/f2/lib/coord/polar';
import '@antv/f2/lib/geom/interval';

// 在 App 类的 config 中添加以下代码
plugins: {
  f2: {
    version: '2.3.15',
    global: 'F2',
    entry: 'https://gw.alipayobjects.com/os/antfincdn/f2/${version}/f2.js',
  },
},

4. 在页面中使用 F2 绘制基金净值走势图：

在页面中引入 F2：

import F2 from '@/plugins/f2';

然后在页面中使用 F2 绘制基金净值走势图：

import React, { Component } from 'react';
import F2 from '@/plugins/f2';

export default class FundChart extends Component {
  componentDidMount() {
    const chart = new F2.Chart({
      id: 'myChart',
      pixelRatio: window.devicePixelRatio,
    });

    const data = [
      { date: '2019-01-01', value: 1.23 },
      { date: '2019-01-02', value: 1.24 },
      { date: '2019-01-03', value: 1.25 },
      { date: '2019-01-04', value: 1.26 },
      { date: '2019-01-05', value: 1.27 },
      { date: '2019-01-06', value: 1.28 },
      { date: '2019-01-07', value: 1.29 },
    ];

    chart.source(data, {
      date: {
        type: 'timeCat',
        mask: 'MM-DD',
        range: [0, 1],
      },
      value: {
        tickCount: 5,
        min: 1.2,
      },
    });

    chart.axis('date', {
      label: function label(text, index, total) {
        const textCfg = {};
        if (index === 0) {
          textCfg.textAlign = 'left';
        } else if (index === total - 1) {
          textCfg.textAlign = 'right';
        }
        return textCfg;
      },
    });

    chart.axis('value', {
      label: function label(text) {
        return {
          text: Number(text).toFixed(2),
        };
      },
    });

    chart.line().position('date*value');
    chart.point().position('date*value');

    chart.render();
  }

  render() {
    return (
      <View>
        <Canvas className='my-chart' canvasId='myChart' />
      </View>
    );
  }
}

5. 将 Taro 项目编译成原生 APP：

可以使用 Taro 的 `taro build` 命令将 Taro 项目编译成原生 APP。具体步骤可以参考 Taro 官方文档：https://taro-docs.jd.com/taro/docs/react-native%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B