タグ付けされた質問 「flutter-layout」

これは私のコードです： @override Widget build(BuildContext context) { return new Material( color: Colors.deepPurpleAccent, child: new Column( mainAxisAlignment: MainAxisAlignment.center, children:<Widget>[new GridView.count(crossAxisCount: _column,children: new List.generate(_row*_column, (index) { return new Center( child: new CellWidget() ); }),)] ) ); } 次のような例外： I/flutter ( 9925): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ I/flutter ( 9925): The following …

131 flutter  dart  flutter-layout  height  flutter-widget 

RaisedButtonFlutterでaの幅を設定できないことを確認しました。私はよく理解している場合は、私が置いてくださいRaisedButtonにSizedBox。その後、ボックスの幅または高さを設定できるようになります。それが正しいか？それを行う別の方法はありますか？ これは、SizedBoxすべてのボタンの周りに作成するのが少し面倒なので、なぜ彼らがこの方法でそれを選択したのか疑問に思います。彼らにはそうする正当な理由があると私はかなり確信していますが、私はそれを見ていません。足場は、初心者のために読んだり構築したりするのはかなり難しいです。 new SizedBox( width: 200.0, height: 100.0, child: new RaisedButton( child: new Text('Blabla blablablablablablabla bla bla bla'), onPressed: _onButtonPressed, ), ),

125 flutter  flutter-layout 

Flutterアプリの簡単なログインページを作成しようとしています。TextFieldsおよびLogin / Signinボタンを正常に作成しました。水平方向のリストビューを追加したい。コードを実行すると、要素が表示されなくなります。ListViewを使用せずに実行すると、問題はなくなります。これを正しく行うにはどうすればよいですか？ return new MaterialApp( home: new Scaffold( appBar: new AppBar( title: new Text("Login / Signup"), ), body: new Container( child: new Center( child: new Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ new TextField( decoration: new InputDecoration( hintText: "E M A I L A D D R E S S" ), …

124 flutter  dart  flutter-layout 

中央のテキストが最大サイズである行を作成しようとしています。テキストの内容が大きすぎる場合は、サイズに収まります。 TextOverflow.ellipsisプロパティを挿入してテキストを短くし、トリプルポイントを挿入しました...が、機能しません。 main.dart import 'package:flutter/material.dart'; void main() { runApp(new MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( home: new HomePage(), ); } } class HomePage extends StatelessWidget { @override Widget build(BuildContext context) => new Scaffold( appBar: new AppBar( backgroundColor: new Color(0xFF26C6DA), ), body: …

121 flutter  dart  flutter-layout 

映画に関する情報のリストを作成するためにFlutterを使用しています。次に、左側のカバー画像を角の丸い画像にしたいと思います。私は次のことをしましたが、うまくいきませんでした。ありがとう！ getItem(var subject) { var row = Container( margin: EdgeInsets.all(8.0), child: Row( children: <Widget>[ Container( width: 100.0, height: 150.0, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(8.0)), color: Colors.redAccent, ), child: Image.network( subject['images']['large'], height: 150.0, width: 100.0, ), ), ], ), ); return Card( color: Colors.blueGrey, child: row, ); } 次のように

120 flutter  flutter-layout 

親レイアウトの幅と一致するように幅を設定するにはどうすればよいか知りたい new Container( width: 200.0, padding: const EdgeInsets.only(top: 16.0), child: new RaisedButton( child: new Text( "Submit", style: new TextStyle( color: Colors.white, ) ), colorBrightness: Brightness.dark, onPressed: () { _loginAttempt(context); }, color: Colors.blue, ), ), 私はExpandedウィジェットについて少し知っていますが、Expandedビューを両方の方向に拡大します。それを行う方法がわかりません。

119 flutter  flutter-layout 

子としてColumn2つのTextFieldウィジェットを持つウィジェットがあり、両方の間にスペースを確保したいと考えています。 私はすでに試しましたmainAxisAlignment: MainAxisAlignment.spaceAroundが、結果は私が望んでいたものではありませんでした。

114 dart  flutter  flutter-layout 

Androidでは、すべてのViewサブクラスsetVisibility()に、Viewオブジェクトの可視性を変更できるメソッドがあります 可視性の設定には3つのオプションがあります。 可視：Viewレイアウト内で可視をレンダリングします 非表示：を非表示にしますがView、表示されたView場合にが占めるものと同じギャップを残します View削除：を非表示にし、レイアウトから完全に削除します。それはあるかのようだheightとwidthしました0dp Flutterのウィジェットについて上記に相当するものはありますか？ クイックリファレンス：https : //developer.android.com/reference/android/view/View.html#attr_android : visibility

111 flutter  dart  flutter-layout 

ListViewアイテムの数を動的に変更できるスクロール可能なものがあります。リストの最後に新しいアイテムが追加されるたびに、プログラムでListView最後までスクロールしたいと思います。（たとえば、最後に新しいメッセージを追加できるチャットメッセージリストのようなもの） 私の推測ではScrollController、Stateオブジェクトにを作成して手動でListViewコンストラクターに渡す必要があるので、後でコントローラーでanimateTo()/jumpTo()メソッドを呼び出すことができます。ただし、最大スクロールオフセットを簡単に決定できないため、ある種scrollToEnd()の操作を単純に実行することは不可能のようです（ただし、簡単にパス0.0して初期位置にスクロールさせることができます）。 これを達成する簡単な方法はありますか？ ビューポートreverse: true内に収まるアイテムの数が少ないときにアイテムを上部に配置したいので、使用することは私にとって完璧な解決策ではありませんListView。

108 flutter  flutter-layout  flutter-animation 

私は2つのアイテムを極端に1つは左側に、もう1つは右側に揃えようとしています。左に配置された1つの行があり、その行の子が右に配置されています。ただし、子行が親から配置プロパティを取得しているようです。これは私のコードです var SettingsRow = new Row( mainAxisAlignment: MainAxisAlignment.end, crossAxisAlignment: CrossAxisAlignment.center, mainAxisSize: MainAxisSize.max, children: <Widget>[ Text("Right",softWrap: true,), ], ); var nameRow = new Row( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, mainAxisSize: MainAxisSize.max, children: <Widget>[ Text("Left"), SettingsRow, ], ); その結果、私はこのようなものを手に入れます Left Right 私が欲しいのは Left Right また、列には十分なスペースがあります。私の質問は、なぜ子行がそのMainAxisAlignment.endプロパティを表示しないのですか？

104 flutter  flutter-layout 

ListViewを作成しようとしていますが、list_form.dartクラスをインポートすると、このエラーが発生します。メインファイル内で実行しようとしてもこのエラーが発生しないため、レイアウトに誤りがあった可能性があります。 これはエラーです： I/flutter (12956): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ I/flutter (12956): The following assertion was thrown during performResize(): I/flutter (12956): Vertical viewport was given unbounded height. I/flutter (12956): Viewports expand in the scrolling direction to fill their container.In this case, a vertical I/flutter (12956): viewport was given an …

83 dart  flutter  flutter-layout 

使用した経験を持つ缶誰かCustomSingleChildLayoutとCustomMultiChildLayoutクラスは、それらを使用する方法で（例で）詳細に説明することができます。 私はFlutterを初めて使用し、これらの使用方法を理解しようとしています。ただし、ドキュメントは恐ろしく、明確ではありません。例としてインターネットを調べてみましたが、他のドキュメントはありません。 あなたが助けてくれるなら、私は永遠に感謝します。 ありがとうございました！

10 flutter  dart  flutter-layout 

私は以下のように非常に重いネストされたデザインを設計しています、私のリストがリストビューを展開するときの問題は、これの理由がスクロールしているようではないようです。 「営業時間」のテキストに触れるとスクロールが始まりますが、上に行くと下にスライドできません。 _showDialog(BuildContext context) { print("_showDialog"); showModalBottomSheet( context: context, isScrollControlled: true, builder: (BuildContext context) { return DraggableScrollableSheet( expand: false, builder: (context, scrollController) { return Container( child: Stack( children: <Widget>[ Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Align( alignment: Alignment.topCenter, child: Container( margin: EdgeInsets.symmetric(vertical: 8), height: 8.0, width: 70.0, decoration: BoxDecoration( color: Colors.grey[400], …

9 flutter  flutter-layout