tourist-project / yuwaku_proto_flutter

湯涌用アプリ
1 stars 0 forks source link

iPad横にすると、マップ画面のUIがダメになる #100

Closed r0227n closed 2 years ago

r0227n commented 2 years ago

IMG_0275 iPadを横にするとマップが描画されない部分がある。 iPhoneを横にしても横表示されない。

keigo194547 commented 2 years ago

iPad横画面表示になります? 一応iOS、Androidの端末は縦画面で固定してあるのですが...

r0227n commented 2 years ago

画像のようになっているし、選考文献としてiPad対応は別に必要みたいだよ。 https://qiita.com/YuKiO-OO/items/04320e38d6c1079e515a#ipad%E3%81%A0%E3%81%91%E5%90%91%E3%81%8D%E3%81%8C%E5%9B%BA%E5%AE%9A%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E5%95%8F%E9%A1%8C

r0227n commented 2 years ago

app_top_view.dartの実装が汚いから、エラーを吐いてるんよな。 iPadが横画面にならないけど、リファクタリングしてからじゃないとマージしちゃいけないかな

IMG_4E63981BEDF8-1

======== Exception caught by rendering library =====================================================
The following assertion was thrown during layout:
A RenderFlex overflowed by 28 pixels on the bottom.

The relevant error-causing widget was: 
  Column Column:file:///Users/ryo/yuwaku_proto_flutter/lib/app_top_view.dart:76:24
The overflowing RenderFlex has an orientation of Axis.vertical.
The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents being too big for the RenderFlex.

Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the RenderFlex to fit within the available space instead of being sized to their natural size.
This is considered an error condition because it indicates that there is content that cannot be seen. If the content is legitimately bigger than the available space, consider clipping it with a ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, like a ListView.

The specific RenderFlex in question is: RenderFlex#49961 OVERFLOWING
...  parentData: <none> (can use size)
...  constraints: BoxConstraints(w=810.0, h=341.3)
...  size: Size(810.0, 341.3)
...  direction: vertical
...  mainAxisAlignment: start
...  mainAxisSize: max
...  crossAxisAlignment: center
...  verticalDirection: down
◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
====================================================================================================
keigo194547 commented 2 years ago

お願いできますか? あと、今回フォトコンテストないので、TopViewの「フォトコン」項目をコメントアウトないしは削除していただけませんか?

r0227n commented 2 years ago

「webサイトへ」も消す?

keigo194547 commented 2 years ago

それは消さない方が良いと思います