我的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码表
(本文适合初学者,如果你是大佬级别的人物,我也欢迎指教!)
charcode 字符转码库