[解決済み] Flutter- wrapping text [duplicate] (フラッターテキストラッピング)。
2022-04-16 23:22:40
質問
テキストが大きくなったときに、テキストを折り返したい。いろいろ検索して、ほぼすべての方法でwrapを試しましたが、テキストは1行のままで、画面からはみ出します。 どなたかこの方法をご存じないでしょうか? どんな助けでも非常に高く評価されています
Positioned(
left: position.dx,
top: position.dy,
child: new Draggable(
data: widget.index,
onDragStarted: widget.setDragging,
onDraggableCanceled: (velocity, offset) {
setState(() {
position = offset;
widget.secondCallback(offset, widget.index);
widget.endDragging();
});
},
child: new GestureDetector(
onTap: () {
widget.callback(widget.caption, widget.index);
},
child: new Text(
widget.caption.caption,
style: new TextStyle(
color: widget.caption.color,
fontSize: widget.caption.fontSize,
),
),
),
feedback: new Material(
type: MaterialType.transparency,
child: new Text(
widget.caption.caption,
style: new TextStyle(
color: widget.caption.color,
fontSize: widget.caption.fontSize),
softWrap: true,
),
),
));
解決方法は?
私のプロジェクトでは
Text
インスタンスの周りに
Container
s. このサンプルでは、2つのTextオブジェクトを積み重ねています。
以下はコードサンプルです。
//80% of screen width
double c_width = MediaQuery.of(context).size.width*0.8;
return new Container (
padding: const EdgeInsets.all(16.0),
width: c_width,
child: new Column (
children: <Widget>[
new Text ("Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 ", textAlign: TextAlign.left),
new Text ("Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2", textAlign: TextAlign.left),
],
),
);
[編集] コンテナに幅の制約を追加しました
関連
-
[解決済み] Flutterで16進数の色文字列を使用するにはどうすればよいですか?
-
[解決済み] Flutterで丸みを帯びたボタン/border-radius付きボタンを作成する
-
[解決済み] DartでSingletonを構築する方法とは?
-
[解決済み】Flutterでアプリケーションランチャーのアイコンを変更するには?
-
[解決済み】flutterでパッケージ名を変更する方法は?
-
[解決済み] FlutterのColumnの子供の間のスペース
-
[解決済み] constコンストラクタは実際にどのように動作するのですか?
-
[解決済み] Flutter RenderBoxがレイアウトされていない
-
[解決済み] Dartでインデックスと値でリストを列挙またはマップする
-
[解決済み] フラッターポジションスタックウィジェットを中央に配置
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Flutter - オーバーフロー時にテキストを折り返し、省略記号の挿入やフェードを行う
-
[解決済み] FlutterのColumnの子供の間のスペース
-
[解決済み] Flutter RenderBoxがレイアウトされていない
-
[解決済み] Flutterでステータスバーの色を変えるには?
-
[解決済み] Dartのasyncとasync*の違いは何ですか?
-
[解決済み] Dartでdoubleをintに変換する方法は?
-
[解決済み] Dartでインデックスと値でリストを列挙またはマップする
-
[解決済み] Dartの「?」ダブルクエスチョンマークとは何ですか?
-
[解決済み] Dartでタイムスタンプを取得するには?
-
[解決済み] リスト firstWhere Bad state: 要素なし