美文网首页
在android studio中 StatelessWidge

在android studio中 StatelessWidge

作者: 小话001 | 来源:发表于2021-01-22 11:26 被阅读0次
自己设置的:

android studio选中 widget 然后 alt +回车 可以快速转换(也可以右键refactor--抽离方法或者组件), 如果组件外部需要再 包裹组件也可以使用此快捷键。如:row组件外部需要再包裹一个container

查看abstract修饰的 即抽象接口的所有子类快捷键:ctrl+alt+b

抽取组件快捷键;ctrl+alt+w
抽离方法:选中后ctrl+alt+m

格式化设置:file--setting--Languages&frameworks--flutter--editor--format code on save、organize... on save 勾选

vscode 设置 抽取方法和快捷键:鼠标右键--重构(refactor)即可。 推荐 vscode 设置:键盘快捷方式--重构-右键快捷键绑定设置:alt+enter ,设置完成后 点击组件 按下快捷键可以抽离组件,选中需要抽离的部分可以抽离方法

4.jpg

设置android studio 快速模板: 在顶部运行 startapp 即可快速生成


6.jpg
//模板
import 'package:flutter/material.dart';

main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title:'app标题' ,
      home: LCBMainPage(),
      theme: ThemeData(
        highlightColor: Colors.transparent
      ),
    );
  }
}
class LCBMainPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('测试')
      ),
      body: Container(),
    );
  }
}

系统默认的快捷键:
vscode mac.jpg
android studio mac.jpg
windows系统中,将command 换成Ctrl,option换成Alt即可

推荐插件:flutter-snippets

相关文章

网友评论

      本文标题:在android studio中 StatelessWidge

      本文链接:https://www.haomeiwen.com/subject/qesszktx.html