Изменение текстовых стилей расширяемого списка Flutter

82
11

Я создаю приложение флаттера, и я использую код примера для ExpansionTile:

import 'package:flutter/material.dart';

class ExpansionTileSample extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new Scaffold(
appBar: new AppBar(
title: const Text('ExpansionTile'),
),
body: new ListView.builder(
itemBuilder: (BuildContext context, int index) =>
new EntryItem(data[index]),
itemCount: data.length,
),
),
);
}
}

// One entry in the multilevel list displayed by this app.
class Entry {
Entry(this.title, [this.children = const <Entry>[]]);

final String title;
final List<Entry> children;
}

// The entire multilevel list displayed by this app.
final List<Entry> data = <Entry>[
new Entry(
'Chapter A',
<Entry>[
new Entry(
'Section A0',
<Entry>[
new Entry('Items:\n\nItem A0.1\nItem A0.1.1'),
new Entry('Item A0.2'),
new Entry('Item A0.3'),
],
),
new Entry('Section A1'),
new Entry('Section A2'),
],
),

];

// Displays one Entry. If the entry has children then it displayed
// with an ExpansionTile.
class EntryItem extends StatelessWidget {
const EntryItem(this.entry);

final Entry entry;

Widget _buildTiles(Entry root) {
if (root.children.isEmpty) return new ListTile(
title: new Text(root.title));
return new ExpansionTile(
key: new PageStorageKey<Entry>(root),
title: new Text(root.title),
children: root.children.map(_buildTiles).toList(),
);
}

@override
Widget build(BuildContext context) {
return _buildTiles(entry);
}
}

https://flutter.io/catalog/samples/expansion-tile-sample/

Я ищу способ добавить жирный шрифт и изменить цвета текста записей, например, изменить текст: 'Items:\n\nItem A0.1\nItem A0.1.1' в Items: жирным шрифтом. Item A0.1 в красном и Item A0.1.1 зеленым.

Я triend с классом TextSpan, но я не мог заставить его работать внутри класса Entry.

спросил(а) 2018-06-26T12:11:00+03:00 2 года, 3 месяца назад
1
Решение
105

я думаю, что вы ищете его виджет TextStyle, который используется внутри виджета Text следующим образом:

Widget _buildTiles(Entry root) { if (root.children.isEmpty) return new ListTile( title: new Text(root.title, style: TextStye(fontWeight: FontWeight.bold)); return new ExpansionTile( key: new PageStorageKey<Entry>(root), title: new Text(root.title), children: root.children.map(_buildTiles).toList(), ); }

Вы можете использовать этот TextStyle виджет, чтобы сделать изменение цвета и стиля и веса проверить его здесь

Или, если вы хотите внести некоторые изменения, когда вы расширяете его, нужно сделать это в onExpantionChange внутри опций ExpantionTile, а внутри кубиков не забывайте делать это внутри setState

ответил(а) 2018-09-02T00:45:00+03:00 2 года, 1 месяц назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема