DNDのオンとオフを切り替えるためにタップするカードがあります。カードには、現時点で「DNDON」または「DNDOFF」という文字列があります。私が達成しようとしているのは、「DND ON」の下に、小さいフォントサイズとイタリック体で「アラーム、メディア、タッチサウンド」を追加することです。
私の骨のコード:
Card(
color: Color.fromARGB(255, 76, 175, 80),
elevation: 5.0,
child: InkWell(
splashColor: Colors.blueGrey,
onTap: () {
setState(() {
pressed = !pressed;
});
pressed ? _dndOn() : _dndOff();
},
child: Center(
child: Text(
pressed ? ('DND ON') : ('DND OFF'),
style: TextStyle(
color: Colors.white,
fontSize: 25.0,
),
),
),
),
),
私が試したこと:RichTextで文字列を定義し、TextThemeを使用して、さまざまなスタイルのテキストの列を作成してみました。「タイプ '列'はタイプ '文字列'のサブタイプではありません」または「タイプ 'リッチテキスト'はタイプ '文字列'のサブタイプではありません」などのエラーが発生するたびに。
私が望むことをどのように達成できるかについて何かアイデアはありますか?
テキストウィジェットのテキストプロパティとして列ウィジェットを使用することはできません。保持する子のリスト(この場合はテキストウィジェットのリスト)を定義する方法で使用する必要があります。
Card(
color: Color.fromARGB(255, 76, 175, 80),
elevation: 5.0,
child: InkWell(
splashColor: Colors.blueGrey,
onTap: () {
setState(() {
pressed = !pressed;
});
pressed ? _dndOn() : _dndOff();
},
child: Center(
child: Column(
children: [
Text(
pressed ? 'DND ON' : 'DND OFF',
style: TextStyle(
color: Colors.white,
fontSize: 25.0,
),
),
Text(
'Alarms, Media, Touch Sounds',
style: TextStyle(
color: Colors.white,
fontSize: 16.0,
),
),
],
),
),
),
),
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加