collection-box

Flutter 判断当前环境是否为Web/安卓/IOS/MacOS/Windows/Linux/Fuchsia

Thursday, May 28, 2020

如果你最近在使用Flutter, 应该了解到目前Flutter已经可以导出为Web/安卓/IOS/MacOS/Windows/Linux/Fuchsia项目了. 但是目前兼容Web的Flutter第三方库不是很多, 并且布局上可能需要进行相应的调整, 所以本篇文章就来记录下Flutter判断当前环境是否为Web! 适用场景 我们通常会在原生应用和web端等有环境差异时使用, 根据不同环境做不同处理. 方法一: 使用原生Platform判断 flutter已经为我们提供了获取当前运行环境的Platform类. 先导入: import 'dart:io'; 进行调用: if(Platform.isAndroid){ // Android }else if(Platform.isIOS){ // IOS }else if(Platform.isFuchsia){ // Fuchsia }else if(Platform.isWindows){ // Windows }else if(Platform.isMacOS){ // MacOS }else if(Platform.isLinux){ // Linux } 当然, 这个方法是有缺陷的. 因为我们无法从中判断当前环境是否为Web! 所以, 方法二就出现了. 方法二: 自定义工具类(所有环境) 查看 constants.dart 源码 进入flutter/packages/flutter/lib/src/foundation/constants.dart, 我们来看看源码: 我们可以看到一行kIsWeb的注释: /// A constant that is true if the application was compiled to run on the web. 💡 含义: 当应用编译运行在web上时, 该常量为true

世界，您好！

Tuesday, Apr 7, 2020

你好, 我是阿航 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; Future main() async { // set preferred orientations (landscape only) await SystemChrome.setPreferredOrientations([ DeviceOrientation.landscapeLeft, DeviceOrientation.landscapeRight, ]); // disable all UI overlays (show fullscreen) await SystemChrome.setEnabledSystemUIOverlays([]); } // start app runApp( Directionality( textDirection: TextDirection.ltr, child: Stack( children: [ // placeholder for game Container( color: Color(0xff27ae60), ), // joypad overlay Container(), ], ), ), );