
flutter
llayjun
努力奋斗!
展开
-
跨平台的一些思考
跨平台的优点主要有:开发周期短;开发费用低廉;开发人员容易招聘。而缺点是:很难找到精通框架的人;框架本身的不成熟;性能问题;难以处理平台和硬件固有特性。我们可以总结出几条原则,供你在选择开发框架时参考:**如果你的应用需要使用大量平台固有特性,或者需要大量定制逻辑,那就不要考虑跨平台。**例如相机应用,需要依靠设备上的传感器工作的应用,或者需要结合应用程序商店的应用等。老老实实选择原生发吧。如果你的应用有性能、功耗等要求,显然跨平台也不是好的选择。**如果你的应用程序希望长原创 2020-12-30 14:00:25 · 204 阅读 · 0 评论 -
(附源码)Flutter Demo
效果图项目源码Github Flutter地址API接口Swagger 地址APK包账号: 1 密码:1Flutter APK地址原创 2020-12-17 14:49:11 · 1808 阅读 · 0 评论 -
Flutter 的Dialog使用
Flutter Dialog(1)AboutDialog(2)AlertDialog(3)SimpleDialog// AboutDialog void showAboutDialog(BuildContext context) { showDialog(context: context, builder: (_) => new AboutDialog( applicationName: 'AndroidStudio', applicatio..原创 2020-11-20 14:08:13 · 1771 阅读 · 0 评论 -
Flutter的Chip标签组件
// Chip组件class ChipDemo extends StatelessWidget { List<String> _tag = ['Android', 'ios', 'windows']; @override Widget build(BuildContext context) { return ListView( children: [ Chip( label: Text('Flutter'),...原创 2020-11-20 11:59:17 · 741 阅读 · 0 评论 -
Flutter Card组件
// Card组件class CardDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Card( color: Colors.red, // 卡片的z坐标 阴影的大小 elevation: 20.0, shape: RoundedRectangleBo...原创 2020-11-19 17:23:36 · 188 阅读 · 0 评论 -
Flutter 常用的按钮组件
class FlatButtonDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Column( children: [ // FlatButton // 不带图标 FlatButton( color: Colors...原创 2020-11-19 16:24:52 · 513 阅读 · 0 评论 -
Flutter DropdownButton
// DropdownButtonclass DropdownButtonDemoPage extends StatefulWidget { @override _DropdownButtonDemoPageState createState() => _DropdownButtonDemoPageState();}class _DropdownButtonDemoPageState extends State<DropdownButtonDemoPage> ...原创 2020-11-19 11:51:09 · 8467 阅读 · 2 评论 -
Flutter RotatedBox旋转容器
// RotatedBox旋转容器,4次算一次循环class RotatedBoxDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Column( children: [ RotatedBox( child: Text('ABCDEF', style: Te...原创 2020-11-18 18:05:25 · 631 阅读 · 0 评论 -
Flutter OverflowBox溢出容器
2.// OverFlowBox组件,可以做一些卡片重叠的效果class OverFlowBoxDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Container( color: Colors.green, height: 100, width: 200, padding: EdgeInsets.only(lef...原创 2020-11-18 17:57:12 · 1037 阅读 · 0 评论 -
Flutter DecoratedBox装饰容器
效果代码// DecoratedBox装饰容器class DecoratedBoxDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Container( width: 200, height: 200, // 添加装饰 child: DecoratedBox( // 装饰定位是位于前背景还是..原创 2020-11-18 16:12:05 · 170 阅读 · 0 评论 -
Flutter ContrainedBox
2.// ConstrainedBox,添加约束class ConstrainedBoxDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Column( children: [ // 不添加限制 Container( width: 350,...原创 2020-11-18 15:32:50 · 123 阅读 · 0 评论 -
Flutter BottomNavigationBar
Flutter BottomNavigationBarclass DemoPage extends StatefulWidget { @override _DemoPageState createState() => _DemoPageState();}class _DemoPageState extends State<DemoPage> { @override Widget build(BuildContext context) { ret原创 2020-11-18 15:02:45 · 117 阅读 · 0 评论 -
Flutter TabBar
Flutter TabBarTabBarclass FirstTabBarDemo extends StatefulWidget { @override _FirstTabBarDemoState createState() => _FirstTabBarDemoState();}class _FirstTabBarDemoState extends State<FirstTabBarDemo> with SingleTickerProviderStateMixin{原创 2020-11-18 14:33:49 · 116 阅读 · 0 评论 -
Flutter的SnackBar
SnackBar代码// snackBarclass SnackBarDemo extends StatelessWidget { @override Widget build(BuildContext context) { return GestureDetector( onTap: () { final snackBar = SnackBar( // 提示信息 content: Text('提示'),原创 2020-11-18 11:26:29 · 141 阅读 · 0 评论 -
Flutter的FlexibleSpaceBar
Flutter的FlexibleSpaceBarFlexibleSpaceBar// FlexibleSpaceBarclass FlexibleSpaceBarDemo extends StatelessWidget { @override Widget build(BuildContext context) { return NestedScrollView( headerSliverBuilder: (BuildContext context, bool in原创 2020-11-18 10:31:41 · 3689 阅读 · 0 评论 -
Flutter 的ButtonBar
Flutter的ButtonBarButtonBar// ButtonBar,一般用于在有界面有几个按钮的功能类似,例如Dialog底部确认和取消等等class ButtonBarDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Center( // 末端按钮对齐的容器 child: ButtonBar( alignment原创 2020-11-17 17:36:40 · 1860 阅读 · 0 评论 -
Flutter BottomAppBar
Flutter BottomAppBarBottomAppBar// 底部应用栏目class BottomAppBarDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( // FAB按钮,位置是位于上面的 floatingActionButtonLocation: FloatingActionButtonLocation.原创 2020-11-17 17:27:36 · 1017 阅读 · 0 评论 -
Flutter AppBar控件
Flutter AppBar控件AppBar控件// appBar组件class AppBarDemo extends StatelessWidget { @override Widget build(BuildContext context) { // return SizedBox( // height: 200.0, // child: AppBar( // title: Text('微信'), // actions:原创 2020-11-17 16:57:34 · 177 阅读 · 0 评论 -
Flutter的Align组件
flutter组件学习flutter的Align组件class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Align组件', home: Scaffold( appBar: A原创 2020-11-17 16:36:50 · 204 阅读 · 0 评论 -
flutter的四种模式/application/plugin/package/module,flutter调用原生的方法
flutter的四种模式前言:在使用AS创建flutter的时候,会有四个选项Flutter Application创建一个flutter项目,里面包含安卓和ios项目,可以用来flutter和原生之间的交换,这边有个参考例子可以参考一下flutter调用原生安卓方法...原创 2020-09-21 15:18:54 · 2099 阅读 · 0 评论 -
原有Android/IOS项目集成flutter功能
Android项目首先要先要明确一下我们的目标想要实现一个Android/IOS项目中集成flutter的功能,在某些场景下,比如一些界面可以用flutter来显示,大大简化了双移动端人员的工作flutter官网Android我们先as创建一个Android的项目(一些flutter的开发环境配置就不说了)我们先采用命令的方式(推荐第二种)因为后面可以让ios项目来使用,所以在同级创建flutter create -t module module_flutter在setting原创 2020-05-28 10:46:15 · 595 阅读 · 0 评论 -
flutter的路由工具类
路由工具类直接代码class NavigatorUtil { /// 跳转页面 static push(BuildContext context, Widget page) async { final result = await Navigator.push(context, MaterialPageRoute(builder: (context) => page));...原创 2020-04-17 09:30:36 · 435 阅读 · 0 评论 -
flutter的状态管理学习(provider,ScopedModel,flutter_redux)
flutter的状态管理[我的博客](https://segmentfault.com/a/1190000015579633)原创 2019-11-28 20:58:31 · 675 阅读 · 0 评论