Session/1

[trm11tkr]

課題

Close #2

対応箇所

• [x] Placeholder の幅は画面の幅の半分

  • final deviceWidth = MediaQuery.of(context).size.width;を定義してSizedBoxでラップ

• [x] 青字と赤字の Text の幅は Placeholder の幅の半分

  • PlaceholderとtextをColumnでラップし、textはExpandedでラップ

• [x] Placeholder の高さと幅は同じ

  • AspectRatioでラップ（aspectRatio: 1）

• [x] Text の上下に 16 logical pixel のパディング

  • Paddingでラップ

• [x] Text の文字は ** ℃

  • 現状はハードコーディング

• [x] Text の水平位置は中央

  • TextのプロパティにtextAlign: TextAlign.centerを指定

• [x] Text のスタイルは TextTheme の labelLarge

• [x] Text の色は左が Colors.blue、右が Colors.red

  • ThemeDataのcopyWithメソッドで実装

• [x] Placeholder の水平中央は画面の中央と同じ

  • ルートのColumnをCenterでラップ

• [x] Placeholder と Text を合わせた矩形の垂直中央は画面の中央と同じ

  • Placeholderの上と下のWidgetに対してflex=1を設定

• [x] Text と TextButton の隙間は 80 logical pixel

  • SizedBoxで実装

• [x] Text と TextButton の水平中央は同じ

  • SizedBox(width: deviceWidth / 2)でラップし、Expandedにより実装

動作

expected	actual

[blendthink]

@trm11tkr 初回に作成された test/widget_test.dart のテストが失敗しているようですが、不要なものなので、削除してしまっていいかなと思います〜

[github-actions[bot]]

Ready for review :rocket:

[blendthink]

@trm11tkr 一応、プルリクの説明欄の画像を更新お願いします 🙆‍♂️

[trm11tkr]

@trm11tkr 一応、プルリクの説明欄の画像を更新お願いします 🙆‍♂️

更新しました！レビューお願いします🙇

[trm11tkr]

レビューありがとうございました！