web-dev-qa-db-ja.com

UIレイアウトからFlutterウィジェットを抽出するためのショートカット

単純化したい複雑なレイアウトがある場合、ウィジェットをメソッドに抽出するためのAndroid Studio(またはIntelliJ)のショートカットは何ですか?

例:

スタック内の3つの主要なウィジェットを抽出したいと思います。

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,
            ),
          ),
        ),
      ],
    );
  }
}

手でできますが、近道を探しています。

4
Suragch

あなたはコマンドでこれを簡単に行うことができます Alt+Enter

この投稿 では、非常によく説明されています。

0
Jacin Montava