【Flutter 1-14】Flutter手把手教程Dart语言——Dart语言引用、import、package使用

作者 | 弗拉德
来源 | 弗拉德(公众号:fulade_me)

import 关键字可以帮助你创建一个模块化和可共享的代码库,代码库不仅只是提供 API 而且还起到了封装的作用:以下划线(_)开头的成员仅在代码库中可见。

使用库

使用import来指定命名空间以便其它库可以访问。比如你可以导入代码库 dart:html来使用Dart Web中相关 API:

import 'dart:html';

import的唯一参数是用于指定代码库的URI,对于Dart内置的库,使用 dart:xxxxxx的形式。而对于其它的库,你可以使用一个文件系统路径或者以 package:xxxxxx 的形式。package:xxxxxx 指定的库通过包管理器(比如 pub 工具)来提供:

import 'package:test/test.dart';
指定库前缀

如果你导入的两个代码库有冲突的标识符,你可以为其中一个指定前缀。比如如果 library1library2 都有Element 类,那么可以这么处理:

import 'package:lib1/lib1.dart';
import 'package:lib2/lib2.dart' as lib2;
// 使用 lib1 的 Element 类。
Element element1 = Element();
// 使用 lib2 的 Element 类。
lib2.Element element2 = lib2.Element();
导入库的一部分

如果你只想使用代码库中的一部分,你可以有选择地导入代码库。例如:

// 只导入 lib1 中的 foo。(Import only foo).
import 'package:lib1/lib1.dart' show foo;
// 导入 lib2 中除了 foo 外的所有。
import 'package:lib2/lib2.dart' hide foo;
延迟加载库

延迟加载(也常称为懒加载)允许应用在需要时再去加载代码库,下面是可能使用到延迟加载的场景:

  • 为了减少应用的初始化时间。

  • 处理 A/B 测试,比如测试各种算法的不同实现。

  • 加载很少会使用到的功能,比如可选的屏幕和对话框。

使用deferred as关键字来标识需要延时加载的代码库:

import 'package:greetings/hello.dart' deferred as hello;

当实际需要使用到库中API时先调用loadLibrary函数加载库:

Future greet() async {
  await hello.loadLibrary();
  hello.printGreeting();
}

在前面的代码,使用 await 关键字暂停代码执行直到库加载完成。更多关于 async 和 await 的信息请参考异步支持。
loadLibrary 函数可以调用多次也没关系,代码库只会被加载一次。
当你使用延迟加载的时候需要牢记以下几点:

  • 延迟加载的代码库中的常量需要在代码库被加载的时候才会导入,未加载时是不会导入的。
  • 导入文件的时候无法使用延迟加载库中的类型。如果你需要使用类型,则考虑吧接口类型转移到另一个库中然后让两个库都分别导入这个接口库。
  • Dart会隐式地将loadLibrary方法导入到使用了deferred as命名空间 的类中。loadLibrary函数返回的是一个Future

公众号

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的 Flutter 登录界面的示例代码: ```dart import 'package:flutter/material.dart'; class LoginPage extends StatefulWidget { @override _LoginPageState createState() => _LoginPageState(); } class _LoginPageState extends State<LoginPage> { final _formKey = GlobalKey<FormState>(); String _email; String _password; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('登录'), ), body: Padding( padding: EdgeInsets.all(16.0), child: Form( key: _formKey, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ TextFormField( decoration: InputDecoration( labelText: '邮箱', ), validator: (value) { if (value.isEmpty) { return '请输入邮箱'; } return null; }, onSaved: (value) { _email = value; }, ), TextFormField( decoration: InputDecoration( labelText: '密码', ), obscureText: true, validator: (value) { if (value.isEmpty) { return '请输入密码'; } return null; }, onSaved: (value) { _password = value; }, ), Padding( padding: EdgeInsets.symmetric(vertical: 16.0), child: RaisedButton( onPressed: () { if (_formKey.currentState.validate()) { _formKey.currentState.save(); // TODO: 登录逻辑 } }, child: Text('登录'), ), ), ], ), ), ), ); } } ``` 这个示例代码中,我们使用了 `Form` 和 `TextFormField` 来实现一个简单的登录界面。在用户点击登录按钮时,我们会验证表单输入是否合法,并将用户输入的邮箱和密码保存到 `_email` 和 `_password` 变量中。你可以根据自己的需求来修改这个示例代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值