我的Flutter倒霉之旅

我的Flutter倒霉之旅(六)

2020-05-16  本文已影响0人  雨落流年

前言

在正式开始写 flutter 之前,我们需要了解一下flutter同学是怎么使用轮子的。要知道,一款软件的开发完成,从底层写到应用实现是极难的,所以前辈们开源了一个个轮子供我们快速开发使用,在还没有具备开发轮子的能力之前,你得会用轮子。那么,轮子怎么获取呢,java可以使用 maven和 gradle来构建,大前端工程也有 npm来下载各路大神的代码,python同样有 pip 包管理器来完成这项工作。那么flutter呢?答案是,同样有,让我们来看看 flutter的pub包管理依赖配置怎么写吧。 如要搜索依赖包,可以戳 依赖包官网
(ps:如果你是第一次查看本篇文章,建议查看 我的flutter倒霉之旅专题)

1.寻找轮子

初学flutter ,我们就找个简单点的库来用用看吧,正巧最近也总是动态生成ABCD,我们就选择ascii码转化的库吧 (在pub库中搜索 charcode也可直接找到)


charcode 字符转码库

2.配置依赖,安装库

我们点击这个库就能进入到它的一个介绍了,然后点击它的 installing,找到dependencies:下的代码复制,放入项目的依赖当中,如下示例

// 正式打包依赖项
dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^0.1.3

// 开发环境依赖项
dev_dependencies:
  flutter_test:
    sdk: flutter
  charcode: ^1.1.3
复制 依赖示例放到项目当中

打开控制台,执行以下命令下载库文件

 flutter pub get
示例

3.编写 代码,屏幕中央显示 转化好的 ascii 码

参考 charcode 给到的示例进行编写

示例

以下是 示例代码

// CharCode.dart代码
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class CharWidget extends StatefulWidget {
  CharWidget({Key key, this.title }) : super(key: key);

  final String title;
  var charcode = String.fromCharCode(65);

  @override
  State<StatefulWidget> createState() => CharCodeState();

}

class CharCodeState extends State<CharWidget> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Center(child: Text(widget.title),),),
      body: Center(
        child: Text(widget.charcode),
      ),
    );
  }

}
// main.dart 代码
import 'package:flutter/material.dart';
import 'StringCharCode/CharCode.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'ascii 码',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: CharWidget(title: "我的标题")
    );
  }
}

打印65的ascii码,更多ascii码请参考 ascii码表

(本文适合初学者,如果你是大佬级别的人物,我也欢迎指教!)

上一篇 下一篇

猜你喜欢

热点阅读