文章分类 - flutter
摘要:1 按钮R 热加载 2 按钮P 显示界面网格, 专业调试时用 3 按钮O 切换android和ios预览模式(这个很重要) 4 按钮Q 退出debug预览模式
阅读全文
摘要:1导入 import 'package:flutter/cupertino.dart'; 2方法使用 showCupertinoDialog( context: context, builder: (context) { return CupertinoAlertDialog( title: Tex
阅读全文
摘要:项目地址:https://pub.dev/packages/fluttertoast 添加依赖 fluttertoast:^8.2.2 头部引入 import 'package:fluttertoast/fluttertoast.dart'; 方法调用 Fluttertoast.showToast(
阅读全文
摘要:import 'package:flutter/material.dart'; class Home extends StatefulWidget { const Home({super.key}); @override State<Home> createState() => _HomeState
阅读全文
摘要:Text不管设置啥都是居中,Text组件设置textAlign: TextAlign.left无效。 后来发现是由于TEXT组件的大小是自动包裹内容的,所以怎么设置都不会看到效果,因为没有多余的空间去左对齐或右对齐等。 但是这里Text组件放在Colum组件中,所以只需要对Colum设置crossA
阅读全文
摘要:class HomeContent extends StatelessWidget { const HomeContent({super.key}); List<Widget> _getListData() { var tempList = listData.map((value) { return
阅读全文
摘要:Row( children: [ Expanded( child: AspectRatio( aspectRatio: 1, child: Container( color: Colors.blue, child: Center( child: Text('Container 1'), ), ),
阅读全文
摘要:参考 https://blog.csdn.net/m0_59162559/article/details/129464779
阅读全文
摘要:class mydemo extends StatelessWidget { // const mydemo({super.key}); @override Widget build(BuildContext context) { return Container( //color: Colors.
阅读全文
摘要:Flutter-Widget-From-Html 的安装和配置 在 pubspec.yaml 文件中添加以下依赖: dependencies: flutter_widget_from_html: ^0.10.3 body: Center( child: Column( mainAxisAlignme
阅读全文
摘要:return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), //home: MyWidget(), initialRoute: "/MyWidget", routes: { '
阅读全文
摘要:AppBar( title: Text("twopage", style: TextStyle(fontSize: 36.0)),centerTitle:true,//是否居中显示elevation:0.0,//0.0完全融合了,默认是4.0,有标题backgroundColor:Colors.pi
阅读全文
摘要:import 'package:flutter/material.dart'; class CustomeRouter extends PageRouteBuilder { final Widget widget; CustomeRouter(this.widget) : super( transi
阅读全文
摘要:import 'package:flutter/material.dart'; import 'each_view.dart'; class BottomAppBarDemo extends StatefulWidget { //const BottomAppBarDemo({super.key})
阅读全文
摘要:import 'package:flutter/material.dart'; class BottomNav extends StatefulWidget { const BottomNav({super.key}); @override State<BottomNav> createState(
阅读全文
摘要:flutter: uses-material-design: true assets: # - images/a_dot_burr.jpeg # - images/a_dot_ham.jpeg - assets/images/home_logo.png # list giving the asset
阅读全文
摘要:D:\Program Files\Microvirt\MEmu 然后运行命令: adb.exe connect 127.0.0.1:21503 也可能是 .\adb.exe connect 127.0.0.1:21503 vscode中进行选择 相关: https://www.jianshu.com
阅读全文
摘要:要设置 Flutter 应用中 AppBar 组件中返回箭头的颜色,您可以使用 iconTheme 属性。 以下是一个设置返回箭头颜色的示例: AppBar( iconTheme: IconThemeData( color: Colors.white, // 设置返回箭头颜色为白色 ), // ..
阅读全文
摘要:Center( child: Text( "Log in", textAlign: TextAlign.center, style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, color: Colors.green), ) Conta
阅读全文
摘要:如果您在使用 TextField 组件时发现键盘正在遮挡它,可以考虑以下两种解决方案: 使用 SingleChildScrollView 将 TextField 放在 SingleChildScrollView 中,这样当键盘弹出时,可以自动滚动以使 TextField 可见。例如: SingleC
阅读全文