CupertinoButton(child: Text('Click'),color: Colors.lightBlue, // 按钮颜色borderRadius: BorderRadius.all(Radius.circular(15.0)), // 按钮圆角设置onPressed: () { // onPressed不为null时按钮可点击print('You click the button');},)显示效果如下图：输入控件 输入控件也提供了两种不同的风格，分别是...
white, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(5)), ), ), ], ), ) ), ); } // 按钮点击监听 void _BtnClick(){ print("点击啦,啦啦啦"); } } Image Widget(图片) Image 的数据源可以是asset、文件、内存或网络图片 代码语言:javascript 代码运行次数:0 运行 AI代码...
CheckboxListTile 是一个内置的小部件。我们可以说它是 CheckBox 和 ListTile 的组合。它的属性,例如 value、 activeColor 和 checkColor,与 CheckBox 小部件相似,title、 subtitle、 contentPadd 等与 ListTile 小部件相似。我们可以点击 CheckBoxListTile 上的任何地方来 Google 这个复选框。 CheckboxListTile( value: ...
CheckboxListTile 是一个内置的小部件。我们可以说它是 CheckBox 和 ListTile 的组合。它的属性,例如 value、 activeColor 和 checkColor,与 CheckBox 小部件相似,title、 subtitle、 contentPadd 等与 ListTile 小部件相似。我们可以点击 CheckBoxListTile 上的任何地方来 Google 这个复选框。 CheckboxListTile( value: ...
blue, offset: Offset(2.0, 2.0), blurRadius: 10.0, ) ], border: Border.all(color: Colors.black, width: 1), ), transform: Matrix4.rotationZ(0.2), child: const Text( "你好 Flutter !", textAlign: TextAlign.left, overflow: TextOverflow.ellipsis, maxLines: 2, textScaleFactor: 1.5, ),...
RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0)), // //防锯齿 // clipBehavior: Clip.antiAlias, // focusNode: FocusNode(debugLabel: 'floating_action_button'), // autofocus: true, // // 配置组件到目标尺寸大小,默认值:ThemeData.materialTapTargetSize // materialTapTargetSize: Mate...
borderRadius: BorderRadius.circular(20),//圆角borderSide:constBorderSide(width: 5, color: Colors.yellow)), suffixIcon:constIcon(Icons.close)//框里面的后面图标)),constSizedBox(height: 40),constTextField( decoration: InputDecoration( icon: Icon(Icons.add),//框前图标prefixIcon: Icon(Icons.lock)...
borderRadius: BorderRadius.circular(10), border: Border.all(color: Colors.red, width: 2), ), child: Center( child: Text( 'Container', style: TextStyle(color: Colors.white), ), ), ), ), ), ); } } Button组件 Button组件通常用于触发一些事件,如点击、长按等。
borderRadius:设置圆角。 alignment:对齐方式。 示例代码: import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( ...
borderRadius: BorderRadius.circular(10), child: SizedBox( height: MediaQuery.of(context).size.height / 3, width: MediaQuery.of(context).size.width / 2, child: GridTile( // header: const GridTileBar( // backgroundColor: Colors.blueGrey, ...