Flutter Snackbarの高さをどのように変更できますか? -- flutter フィールド と dart フィールド と flutter-layout フィールド 関連 問題

How can I change the height of a Flutter snackbar?












3
vote

問題

日本語

YouTubeのようなスナックバーを接続ステータスに使用したいが、スナックバーの高さを変更することはできません。誰かがこれを私を助けてくれる?

image

これは私がしたコードです。

<事前> <コード> Get.snackbar("", "You are connected to internet", snackPosition: SnackPosition.BOTTOM, backgroundColor: Colors.green, padding: EdgeInsets.symmetric( vertical: 0, ), barBlur: 0, maxWidth: double.infinity, snackStyle: SnackStyle.GROUNDED, borderRadius: 0.0);
英語

I want to make a snackbar like YouTube uses for connection status, but I am not able to change the height of the snackbar. Can anybody help me on this?

image

Here is the code I have done.

Get.snackbar("", "You are connected to internet",         snackPosition: SnackPosition.BOTTOM,         backgroundColor: Colors.green,         padding: EdgeInsets.symmetric(           vertical: 0,         ),         barBlur: 0,         maxWidth: double.infinity,         snackStyle: SnackStyle.GROUNDED,         borderRadius: 0.0); 
</div
        

回答リスト

2
 
vote

ConnectivityWidget あなたの目的を正確に解決する

<事前> <コード> ConnectivityWidget( builder: (context, isOnline) => Center( child: Column([ mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text("${isOnline ? 'Connected' : 'No connectivity'}", style: TextStyle(fontSize: 30, color: isOnline ? Colors.green : Colors.red),), SizedBox(height: 20,), Text( 'Number of times we connected to the internet:', ), Text( '$_counter', style: Theme.of(context).textTheme.display1, ), ], ), )

出力:

ENTER IMART DESCRIPTION

 

Use ConnectivityWidget which exactly solve your purpose

 ConnectivityWidget(         builder: (context, isOnline) => Center(           child: Column([             mainAxisAlignment: MainAxisAlignment.center,             children: <Widget>[               Text("${isOnline ? 'Connected' : 'No connectivity'}", style: TextStyle(fontSize: 30, color: isOnline ? Colors.green : Colors.red),),               SizedBox(height: 20,),               Text(                 'Number of times we connected to the internet:',               ),               Text(                 '$_counter',                 style: Theme.of(context).textTheme.display1,               ),             ],           ),         ) 

Output:

enter image description here

</div
 
 
2
 
vote

スナックバーは子供としてウィジェットを取ります。

スナックバーは子供の高さをレンダリングします。

例えば

です

身長200でコンテナを渡すときは、スナックバーの高さ200を設定します。

<事前> <コード> scaffoldKey.currentState.showSnackBar( SnackBar( content: Container( height: 200, child: Center(child: Text('Hi')), ), ), );

またはスナックバーの子供が成長するにつれて成長するでしょう。

<事前> <コード> scaffoldKey.currentState.showSnackBar( SnackBar( content: Container( child: Column( mainAxisSize: MainAxisSize.min, children: <Widget>[ Text('Hi'), SizedBox(height: 25,), Text('Hello'), ], ), ), ), );

あなたは子供として任意のウィジェットをスナックバーに渡すことができます。

 

SnackBar takes a widget as a child.

SnackBar takes the height of the child to render.

For example

When you pass a container with height 200 it will set the snack bar's height 200.

scaffoldKey.currentState.showSnackBar(       SnackBar(         content: Container(           height: 200,           child: Center(child: Text('Hi')),         ),       ),     ); 

Or it will grow as the snack bar's child grows.

scaffoldKey.currentState.showSnackBar(       SnackBar(         content: Container(           child: Column(             mainAxisSize: MainAxisSize.min,             children: <Widget>[               Text('Hi'),               SizedBox(height: 25,),               Text('Hello'),             ],           ),         ),       ),     ); 

You can create pass any widget as a child to the snack bar.

</div
 
 

関連する質問

1  フラッタードロップダウンUI  ( Flutter dropdown ui ) 
下記のコードを使用していますが、望ましい結果を達成することができません。私はフラッターの世界にとって新しいので、望ましい結果を得るためにどこに向上してください。これが私がしたことのソースコードです。 <事前> <コード> return LoadingIndic...

0  Flutter - TextはFlatButtonの中でFittoboxの中のテキストが表示されません  ( Flutter text not visible inside flatbutton with fittedbox ) 
私はいくつかの操作を行うことを目的としたフラットボタンを持つ細胞からなるテーブルを歩き回そうとしています。フラットボタンを使ってテーブルメルを作成しようとしているとき、フラットボタンテキストは垂直にレンダリングされています。 の下のコードスニペットを見つけてく...

0  PageViewをスクロールするテキストフィールド  ( Textfield causing pageview to scroll up ) 
私はテキストフィールドを提出するときにページビューを上げるのを引き起こしているかなり畳み込みウィジェットツリーを持っています。 エフェクト:ページビュー上 私のウィジェットの木: StreamBuilder = gt。スタック=&gt。足場=&gt。 ...

0  スタック内の水平リストビューはスクロールしていません  ( Horizontal list view inside stack is not scrolling ) 
<事前> <コード> Stack( childern:[ Positioned( bottom: 0, child: SizedBox(height:80,width:1000, ...

1  textoverflow.ellipsisを使用しているときにテキストの右側にある余分なスペースを削除する方法  ( How to remove extra space on right side of text when using textoverflow ellipsis ) 
これはコードです: <事前> <コード> import 'package:flutter/material.dart'; void main() { runApp(MaterialApp(home: Home())); } class Home ext...

1  スクリーンの下部と下部バーの間に下部空間を取り外すには?  ( How to remove bottom space between bottom of the screen and bottom bar ) 
> 画面の下のバーと下部の間の空白を取り除く方法。下部容器にパディングやマージンを適用してみてくださいが、機能していません。この問題を解決する方法を教えてください。 こんにちは私はこのエラーを恐れています。それは私の中で最も時間をかけますが、それを解決する...

0  ListViewをフラッターで共有する?  ( Sharing listview in flutter ) 
私はフラッターが新しくなっています。 whatsappやメールで共有するスクロール可能なリストがあります。だから、このリストをイメージやテキストとして共有するにはどうすればいいですか?またはページ全体(スクロール可能)をイメージまたはテキストとして共有する方法...

1  ウィジェットがレンダリングされる前にウィジェットがその制約をオーバーフローするかどうかを検出できますか?  ( How can i detect if a widget will overflow its constraints before it is rendered ) 
私は <コード> PageView そしてそれを使用して、不定量のウィジェットを列に表示したいです。オーバーフローするまでウィジェットを列に追加してから、オーバーフローしたウィジェットで次のページを作成します。 これまでのところ、これは私が何か作業を得...

0  検索ボタンをクリックすると、汚れたエラーがある赤い画面が表示されます  ( When i click on search button it shows red screen with some dirty error ) 
検索ボタンをクリックすると、「次のアサーションは表示されています。 'パッケージ:flutter / src / widgets / basic.dart':失敗したアサーション:Line 6938 POS 15: 'Child!= NULL':真実ではありま...

0  行のフラッタアイコン "Xピクセルによって右上されています"  ( Flutter icons in row right overflowed by x pixels ) 
私はフラッターアニメートでタブバーを作ろうとしています。それが開いている間、行の内側のアイコンは行が延長されたら完全に見えるだけなので、それは私に有名なフラッター "オーバーフロー"エラーを与えます。 私は可能な解決策について読みましたが、ほとんどがテキストの...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有