22、构建跨平台原生饼图组件：从 iOS 到 Android 再到 JavaScript

构建跨平台原生饼图组件：从 iOS 到 Android 再到 JavaScript

1. 项目概述

我们将为 iOS 和 Android 平台分别构建一个原生的 UI 组件模块——饼图组件，该组件支持 data 、 strokeWidth 和 strokeColor 属性， style 属性会自动处理。你可以选择先完成 iOS 或 Android 任一平台的开发，之后再回来处理另一个平台。

2. iOS 平台开发

2.1 项目结构

iOS 项目目录结构如下：

ios/
├──PieChart
│   ├──AppDelegate.h
│   ├──AppDelegate.m
│   ├──Base.lproj
│   │   └──LaunchScreen.xib
│   ├──Images.xcassets
│   │   ├──AppIcon.appiconset
│   │   │   └──Contents.json
│   │   └──Contents.json
│   ├──Info.plist
│   └──main.m
├──PieChart-tvOS
│   └──Info.plist
├──PieChart-tvOSTests
│   └──Info.plist
├──PieChart.xcodeproj
│   ├──project.pbxproj
│   └──xcshareddata
│       └──xcschem