ウィジェットが画面の1/3を占めるにはどうすればよいでしょうか？

Question

私は、携帯電話の向きにかかわらず、ウィジェットが画面の1/3を占めるようにしようとしています。これをどのように達成するのですか？

Answer 1

私はカラムを使用し、柔軟に内容をラップし、子供が1/3画面を取るために得るためにフレックスを変更することで、望んだ：

new Column(
    mainAxisAlignment: MainAxisAlignment.spaceBetween, 
    children: <Widget>[ 
    new Flexible(flex: 2, child: new SizedBox()), 
    new Flexible(flex: 1, child: createTextBox()) 
    ] 
); 

Answer 2

特に役立つウィジェットは、AspectRatio、Column/Expanded、CustomSingleChildLayoutです。あなたがしたいことを正確に知らなくても、良い答えを出すのは難しいです。

Answer 3

あなたはそうのように、あなたの行の子としてExpandedウィジェットを使用してみてください。

new Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween, 
    children: [ 
    new Expanded(
     child: yourFirstContentWidget, 
       ), 
    new Expanded(
     child: yourNextContentWidget, 
       ), 
    new Expanded(
     child: yourLastContentWidget, 
       ) 
      ] 
     ) 

拡張ウィジェットがそれぞれできるだけ行のように多くのスペースを埋めるためにしようとします。それらの3つがあるので、彼らはスペースを共有する必要があります、あなたは行の1/3を占めるそれぞれで終わるでしょう。