解決したい課題
下記画像のようにContainerを横並びにして、「♡テスト」の横にテキストを表示させたい。
コード
import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('narururu'), backgroundColor: Colors.green, ), body: MyHomePage(), ), ); } } class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Row( children: [ Container( width: 100, height: 50, color: Colors.green, child: Row( children: <Widget>[ Icon( Icons.favorite, color: Colors.white, ), Text( 'テスト', style: TextStyle(color: Colors.white), ), ], ), ), ], ); Row( ); } }
試したこと
上記コードの通り、Rowを記述したのですが文字がグレーアウトになってしまい設定できません。
どうすればテキストを横並びに配置できるのでしょうか。
どなたかアドバイスお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。