自学flutter记录（一）

最新推荐文章于 2024-12-20 13:16:25 发布

尖叫__

最新推荐文章于 2024-12-20 13:16:25 发布

阅读量507

点赞数

文章标签： flutter

本文链接：https://blog.youkuaiyun.com/q1250226357/article/details/127161353

版权

本文介绍Flutter开发中的几个实用技巧：如何实现Android沉浸式状态栏效果并去除默认遮罩；使用http get请求从指定URL获取数据；TextField组件的两种用法——通过焦点管理器自动获取焦点及使用TextEditingController来获取输入框内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

android沉浸式状态栏（去掉状态栏默认遮罩）

    // 设置状态栏背景及颜色
    SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor: Colors.transparent);
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
    // SystemChrome.setEnabledSystemUIOverlays([]); //隐藏状态栏

get请求

	//get示例url:https://api.uomg.com/api/rand.avatar?sort=女&format=json
	//Uri解析 域名，路径，参数
    var url = Uri.https("api.uomg.com", "/api/rand.avatar", {"sort": "女", "format": "json"});
    //发送请求
    var response = await http.get(url, headers: {});
    //返回状态码
    // print('Response status: ${response.statusCode}');
    //返回body
    print('Response body: ${Utf8Codec().decode(response.bodyBytes)}');

TextField(动态焦点)

//定义username输入框的焦点管理器
final _username_focus = FocusNode();
void initState() {
  // TODO: implement initState
  super.initState();
  //此方法监听build的第一帧绘制完成
  WidgetsBinding.instance.addPostFrameCallback((_) {
  	//使TextField获取焦点
    FocusScope.of(context).requestFocus(_u_focus);
  });
}
//build
TextField(
	FocusNode:_username_focus,//绑定焦点管理器
)

TextField(controller)

//定义username输入框的controller
final _username_controller = TextEditingController();

//build
TextField(
	controller:_username_controller,//在相关事件处理函数里直接获取_username_controller.text即可获取输入框value
)