加背景颜色:decoration: InputDecoration( fillColor: Colors.white, filled: true,
修改宽高:修改TextField的高度可以通过decoration: InputDecoration的contentPadding进行修改 new TextField(
decoration: InputDecoration(
contentPadding: const EdgeInsets.symmetric(vertical: 10.0),
),
)
这种修改可以在没有prefixIcon的时候生效,如果加入prefixIcon,就会出现一个最小的高度,
这时,按照如上方法修改如果高度较小的时候会修改失败。
因而需要再TextField外层加一个BoxConstraints,代码如下: new ConstrainedBox(
constraints: BoxConstraints(
maxHeight: 25,
maxWidth: 200
),
child: new TextField(
decoration: InputDecoration(
contentPadding: const EdgeInsets.symmetric(vertical: 4.0),
hintText: '请输入搜索内容',
prefixIcon: Icon(Icons.search), // contentPadding: EdgeInsets.all(10),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(15),
borderSide: BorderSide.none),
filled: true,
fillColor: Color(0xffaaaaaa),
),
),
),
maxHeight为最大高度,可酌情进行更改,实际修改的高度依旧是contentPadding这个属性。
maxWidth为最大宽度,可修改TextField的宽度。
较完整的输入框:
Container(
width: Adapt.dp(326),
height: Adapt.dp(95),
child: TextField(
maxLines:99, // keyboardType: TextInputType.number,
style: TextStyle(
color: MyColors.black_00,
fontSize: MyFonts.mediumminus,
), // textAlign: TextAlign.center,
decoration: InputDecoration( //加白色背景
fillColor: MyColors.grey_f5,
filled: true, // hintText: "最低值",
hintStyle: TextStyle(
color: MyColors.grey_99,
fontSize: MyFonts.small),
contentPadding: EdgeInsets.fromLTRB(Adapt.dp(5.0),
Adapt.dp(7.0), Adapt.dp(5.0), Adapt.dp(6.0)),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(Adapt.dp(7))),
borderSide: BorderSide.none),
),
),
),
抽屉加圆角: Widget build(BuildContext context) { return Container(
decoration: BoxDecoration(
color: MyColors.white, // borderRadius: BorderRadius.circular(Adapt.dp(20)),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(Adapt.dp(20)),
child: Drawer(
普通Container:
borderRadius: BorderRadius.only(topLeft: Radius.circular (Adapt.dp(20)) ,bottomLeft:
Radius.circular (Adapt.dp(20),)),
decoration: BoxDecoration( border: Border(right:BorderSide(
width: 1,color: Color(0xffddd)
))
),
`Scaffold.of() called with a context that does not contain a Scaffold.`
如果出现此错,用
GlobalKey<ScaffoldState> key=new GlobalKey(); void _handlerDrawerButton() {
key.currentState.openEndDrawer();
} Widget build(BuildContext context) { return Scaffold(
key: key,
backgroundColor: MyColors.grey_f5,
appBar: _appbar,
endDrawer: DrawerWidget(),或者Container(child:...)
body: Container(
),
);
}
void initState() { // TODO: implement initState
super.initState(); // this.getTotalPrice();
for (int i = 0; i < productList.length; i++) { // controller.add (TextEditingController(text: "1")) ;
productList[i]["getNum"] = "1";
}
} return productList.map((item){
var textEditingController = new TextEditingController(text: item["getNum"]);
TextField(
controller: textEditingController,
onChanged: (text){ // _onChanceCount(item,text);
// setState(() {会弹回输入框
item["getNum"]=text; // });
},
打开Android Studio主界面:
键盘操作Ctrl +Alt+S 打开设置界面
左侧搜索框输入keymap
比如想要查找类的名称补全,就可以在右边的搜索框内输入class name关键字
可以进行相关的修改
shortcut就是快捷键的意思
abbreviation是指缩写
color: const Color(0xFF0099ff), or /Colors.grey/
透明: child:Opacity(
opacity: 0,
child: Container(
width: 100.0,
height: 100.0,
margin: EdgeInsets.all(20.0),
color: Color(0xffff0000),
),
),
color: Colors.transparent或者rgbo
当setState() or markNeedsBuild() called during build.的时候用 void onDataChange2(val) { if (mounted)
Future.delayed(Duration(milliseconds: 200)).then((e) {
setState(() {
isTab = val;
});
}
);
}
com.android.tools.build:gradle:3.3.1
。compileSdkVersion
和更改
targetSdkVersion
为28。android/gradle/wrapper/grade-wrapper.properties
#Fri Jun 23 08:50:38 CEST 2017
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-5.4.1-all.zip
验证码那样的
_countdownTimer = new Timer.periodic(new Duration(seconds: 1), (timer) { if (mounted) {
setState(() { if (countDownNum > 1) {
countDownNum--;
} else {
showCountDown = false;
_countdownTimer.cancel();
_countdownTimer = null;
}
});
}
});
GestureDetector(onTap: (){
ClipboardData data = new ClipboardData(text:'xx');
Clipboard.setData(data);
})
cloud.tencent.com/developer/a…
部分修改:
var _pages= [ new WebPage(), new DiscoverPage(), new UserPage(),
];
标准的
ListView
构造函数适用于小列表。 为了处理包含大量数据的列表,最好使用
ListView.builder
构造函数。
ListView
的构造函数需要一次创建所有项目,但
ListView.builder
的构造函数不需要,它将在列表项滚动到屏幕上时创建该列表项。
https://flutterchina.club/cookbook/lists/long-lists/
final controller = new List<String>.generate(3, (i) => "controller$i"); //下面的报错https://blog.csdn.net/dpl12/article/details/92012226
final List<String> items;
items:new List<String>.generate(1000, (i)=>"item $i")/
_dataRefresh(){
Future.delayed(Duration(milliseconds: 200)).then((e) {
_list = [];
_getDataList();
});
}
上面的内容大家可以收藏学习,希望可以点赞支持一波!!!
可以贡献一套
Flutte学习视频,简信我领取,也可以分享出去一起学习哦
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
原文链接:http://blog.itpub.net/69952849/viewspace-2677336/