# flutter_study

**Repository Path**: codexly/flutter_study

## Basic Information

- **Project Name**: flutter_study
- **Description**: No description available
- **Primary Language**: Dart
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2024-06-25
- **Last Updated**: 2024-12-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Flutter, Dart, IOS, Android

## README

## flutter

### 预览

<img src='assets/readme/profile.png' alt="profile 页面" height='600' />

<img src='assets/readme/home.png' alt="profile 页面" height='600' />

### 起步

- 安装配置好flutter环境

- 创建一个flutter计数器模板

- ```shell
  flutter create nb_app
  ```

### 文章页面

- 建立文件目录

- 安装 [GetX](https://pub.dev/packages/get)  一个强大np的东西

- ```
  flutter pub add get
  ```

- 安装 [freezed](https://pub.dev/packages/freezed) 用于管理数据模型

- ```shell
  flutter pub add freezed_annotation
  flutter pub add dev:build_runner
  flutter pub add dev:freezed
  # if using freezed to generate fromJson/toJson, also add:
  flutter pub add json_annotation
  flutter pub add dev:json_serializable
  ```

### 使用model后的运行

- ```shell
  dart run build_runner build
  ```

### 配置一个tabbar

- 安装一个 [tabbar](https://pub.dev/packages/water_drop_nav_bar) 组件按照例子配置

### 编写 profile 页面

- 使用到本地图片时需要配置 pubspec.yaml

- ```yaml
    assets:
      - assets/images/
  ```

### 配置iconfont图标库

- [iconfont](https://www.iconfont.cn/) 官网建立项目找寻需要图标并下载

- 配置 pubspec.yaml

- ```yaml
    fonts:
      - family: IconFont
        fonts:
          - asset: assets/iconfont/iconfont.ttf
  ```

- 创建图标组件 lib/src/common/iconFont.dart

- ```dart
    static const IconData tdxz = IconData(
      0xe68c,
      fontFamily: 'IconFont',
      matchTextDirection: true,
    );
  // tdxz 图标名字 => IconData.tdxz
  // 0xe68c 下载 iconfont.json 文件对应图标的 unicode => e68c => 0xe68c
  ```

- ```dart
  // 使用
  Icon(
      IconFont.tdxz,
      size: 20,
      color: const Color.fromRGBO(51, 51, 51, 1),
    ),
  ```

### 一些东西

- 遇到一些看着很对的东西但报错 Invalid constant value. 时可能是组件内的值是一个动态的值 不能在使用 const .... 移除 widget 前面的 const 再试试

- ```dart
  final error = Rxn<String>();
  // Rxn<T> GetX工具，处理初始值可能为 null 的响应式数据
  // 页面中可使用 Obx 监听 Rxn<T> 变化
  ```

- ```
  xcodebuild: error: Unable to find a destination matching the provided destination specifier:
  ```

- Xcode => Runner => Build Setting => supported platforms

- 选择 IOS