Android studio 从UI布局提取颤振小部件的快捷方式

如果我想简化复杂的布局，那么在Android Studio（或IntelliJ）中，将小部件提取到方法中的快捷方式是什么

例如：

我想提取堆栈中的三个主要小部件

class BodyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage('assets/image.jpg'),
              fit: BoxFit.cover,
            ),
          ),
        ),
        Align(
          alignment: Alignment(-0.7, -0.7),
          child: Container(
            height: 300,
            child: RichText(
              text: TextSpan(
                text: 'My text',
                style: TextStyle(
                  color: Colors.white70,
                  fontSize: 30,
                ),
              ),
            ),
          ),
        ),
        Align(
          alignment: Alignment.bottomCenter,
          child: Text(
            'Some other text',
            style: TextStyle(
              color: Colors.white70,
              fontSize: 20.0,
              fontWeight: FontWeight.w900,
              letterSpacing: 5.0,
            ),
          ),
        ),
      ],
    );
  }
}

class BodyWidget扩展了无状态Widget{
@凌驾
小部件构建（构建上下文）{
返回堆栈(
儿童：[
容器(
装饰：盒子装饰(
图像：装饰图像(
image:AssetImage（'assets/image.jpg'），
适合：BoxFit.cover，
),
),
),
对齐(
对齐：对齐（-0.7，-0.7），
子：容器(
身高：300，
孩子：RichText(
text:TextSpan(
文本：“我的文本”，
样式：TextStyle(
颜色：颜色。白色70，
尺寸：30，
),
),
),
),
),
对齐(
对齐：对齐.bottomCenter，
子：文本(
“其他一些文本”，
样式：TextStyle(
颜色：颜色。白色70，
字体大小：20.0，
fontWeight:fontWeight.w900，
字母间距：5.0，
),
),
),
],
);
}
}

---

我可以手工完成，但我正在寻找一条捷径。

我正在为Android Studio和VS代码更新这个答案

安卓工作室 方法1 快捷键：

• Windows/Linux：将光标放在小部件名称上，按Ctrl+Alt+M将其提取为方法，或按Ctrl+Alt+W将其提取为小部件
• MacOS：将光标放在小部件名称上，按Option+Command+M将其提取为方法，或按Option+Command+W将其提取为小部件

您也可以通过右键单击小部件名称并从上下文菜单中选择重构>Extract来完成相同的任务

方法2 您还可以从颤振大纲菜单将小部件提取到方法或新小部件中

单击左上方的颤振轮廓

选择大纲中的小部件

右键单击并选择提取方法…或提取小部件…

给它起个名字

Visual Studio代码 将光标放在小部件名称上，然后按Command+。在Mac或Ctrl+上。在电脑上。然后从关联菜单中选择方法或小部件

---

在Android studio中提取特定的颤振代码到

变量

，

常量

，

方法

，或作为

小部件

1。选择要提取的代码块。

2。右键单击->重构->提取->选择所需的重构类型。

---

快捷方式

根据您的Android studio配置而有所不同，但快捷方式也会写在屏幕上，这也简化了您的任务。

您可以使用Alt+Enter命令轻松完成此操作

---

在android studio中，您可以按类提取小部件

Ctrl + Alt + W 

或者通过方法提取小部件

Ctrl + Alt + M

---

嗯，我没有选择提取颤振小部件。。。我已经安装了flatter和dart插件。我的专栏中的小部件没有显示在flatter大纲中。你知道为什么吗？@Aseem，你可能需要单击列左侧的三角形来展开子树。否则我不知道。Android Studio中的ALT ENTER并不是“从UI布局中提取颤振小部件的快捷方式”，这正是Suragch所要求的。ALT ENTER允许包装和删除小部件。这就是全部。此外，这篇文章解释的是，为了提取小部件，用户应该使用flatteroutline选项卡。所以实际上这并没有“很好地解释”，因为它甚至没有提到提取小部件的一个快捷方式。