0

2列のフラッターアイコンと、画像の下の各画像テキストを300 x 300ピクセルの寸法またはアイコンサイズ98または85で下部中央に配置したグリッドビュー私のコードは以下のとおりです'インポート

    appBar: AppBar(title: Text("Digital Directory"),),
  body: Center(
      child: GridView.count(
        primary: false,
        padding: const EdgeInsets.all(20),
        crossAxisSpacing: 10,
        mainAxisSpacing: 10,
        crossAxisCount: 2,
        children: <Widget>[
          Container(
            color: Colors.cyan[100],
             child: GestureDetector
          (
          onTap:(){

            Navigator.of(context).push(MaterialPageRoute(builder:(context)=>MobileAccessoriesPage(),
            ),
            );
          },

    child: Center (child:Text ('Mobiles'),icon:Icons.mobile_screen_share),

         ),
  ),

フラッター フラット アイコンを使用してグリッド ビュー アプリケーションを構築しています。フラット アイコンをクリックすると、別の画面 (つまり、.dart ページ/画面) に移動したいと考えています。

4

1 に答える 1

0

以下のコードで Child Of Center を変更します。

Center(
   child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              crossAxisAlignment: CrossAxisAlignment.center,
                   children: [
                              Text(
                                'Mobiles',
                              ),
                              Icon(Icons.mobile_screen_share),
                            ],
                          ),
                         )

これにより、テキスト「mobiles」とアイコンが並んで表示されます。配置に満足できない場合は、 と を変更しますmainAxisAlignment。crossAxisAlignment

于 2020-09-05T11:04:46.390 に答える