web-dev-qa-db-fra.com

Raccourci pour extraire le widget Flutter de la mise en page de l'interface utilisateur

Si j'ai une mise en page complexe que je veux simplifier, quel est le raccourci dans Android Studio (ou IntelliJ) pour extraire le widget dans une méthode?

Exemple:

Je veux extraire les trois widgets principaux de la pile.

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

Je pourrais le faire à la main mais je cherche un raccourci.

4
Suragch

Vous pouvez le faire facilement avec la commande Alt+Enter.

En ce post il est très bien expliqué.

0
Jacin Montava