xxyu98 / flutter_study

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

flutter

预览

profile 页面

profile 页面

起步

  • 安装配置好flutter环境

  • 创建一个flutter计数器模板

  • flutter create nb_app

文章页面

  • 建立文件目录

  • 安装 GetX 一个强大np的东西

  • flutter pub add get
    
  • 安装 freezed 用于管理数据模型

  • 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后的运行

  • dart run build_runner build

配置一个tabbar

  • 安装一个 tabbar 组件按照例子配置

编写 profile 页面

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

  •   assets:
        - assets/images/

配置iconfont图标库

  • iconfont 官网建立项目找寻需要图标并下载

  • 配置 pubspec.yaml

  •   fonts:
        - family: IconFont
          fonts:
            - asset: assets/iconfont/iconfont.ttf
  • 创建图标组件 lib/src/common/iconFont.dart

  •   static const IconData tdxz = IconData(
        0xe68c,
        fontFamily: 'IconFont',
        matchTextDirection: true,
      );
    // tdxz 图标名字 => IconData.tdxz
    // 0xe68c 下载 iconfont.json 文件对应图标的 unicode => e68c => 0xe68c
  • // 使用
    Icon(
        IconFont.tdxz,
        size: 20,
        color: const Color.fromRGBO(51, 51, 51, 1),
      ),

一些东西

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

  • 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

About


Languages

Language:Dart 59.8%Language:C++ 19.1%Language:CMake 15.2%Language:Ruby 2.2%Language:Swift 1.5%Language:C 1.1%Language:HTML 1.0%Language:Kotlin 0.1%Language:Objective-C 0.0%