質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

Q&A

解決済

2回答

10623閲覧

Flutter テキストを上下だけ中央にするには?

Gento

総合スコア77

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

0グッド

0クリップ

投稿2021/06/12 03:36

解決したいこと

m1

「作品の見所」と言うテキストを、黄色の枠内で上下だけ中央にしたいです!

「縦だけ中央」のイメージとしては下記????のような状態です。
上下に中央で左に少しのpaddingを持たせるイメージです。
m2

このようなデザインにするにはどうすれば良いでしょうか??

#該当のソース

dart

1Container( 2 width: MediaQuery.of(context).size.width, 3 height: 50, 4 color: Theme.of(context).primaryColor, 5 child: Text( 6 '作品の見所', 7 style: Theme.of(context).textTheme.headline5, 8 ), 9 )

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

Container内のプロパティのみで完結するのが望ましいと思います。

(例)

dart

1Container( 2 height: 60, 3 width: double.infinity, 4 color: Colors.amber[700], 5 child: Text( 6 '作品の見所', 7 style: TextStyle( 8 color: Colors.white, 9 fontWeight: FontWeight.bold, 10 fontSize: 21, 11 ), 12 ), 13 alignment: Alignment.centerLeft, // ← 14 padding: EdgeInsets.symmetric(horizontal: 15), // ← 15 ),

描画イメージ

投稿2021/06/12 07:47

編集2021/06/12 07:49
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Gento

2021/06/13 01:03

ありがとうございます! 参考になりました
guest

0

一例として

child: Container(child: Align(alignment: Alignment.centerLeft, child: Padding(padding: EdgeInsets.only(left:16.0), child:Text( '作品の見所', style: Theme.of(context).textTheme.headline5, ), )) ));

投稿2021/06/12 04:25

hentaiman

総合スコア6421

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問