flutter/flame
1
0
Fork 0
mirror of https://github.com/flame-engine/flame.git synced 2025-10-31 17:06:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add support for styles propagating through the text node tree (#1915)

Browse Source 
This PR continues the work for enabling rich text support within Flame.
Here I add support for different text fragments having different TextStyles, and allow those styles to be inheritable within the text node tree.
This commit is contained in:
Pasha Stetsenko
2022-10-08 04:08:18 -07:00
committed by GitHub
parent dfb94d1a34
commit b5780d4212
36 changed files with 775 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
examples/lib/stories/rendering/rich_text_example.dart
View File

@ -11,7 +11,7 @@ class RichTextExample extends FlameGame {
@override
Future<void> onLoad() async {
add(MyTextComponent()..position = Vector2.all(100));
add(MyTextComponent()..position = Vector2(100, 50));
}
}
@ -29,8 +29,7 @@ class MyTextComponent extends PositionComponent {
borderColor: const Color(0xFF000000),
borderWidth: 2.0,
),
paragraphStyle: BlockStyle(
margin: const EdgeInsets.symmetric(vertical: 6),
paragraph: BlockStyle(
padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 6),
background: BackgroundStyle(
color: const Color(0xFFFFF0CB),
@ -39,6 +38,7 @@ class MyTextComponent extends PositionComponent {
),
);
final document = DocumentNode([
HeaderNode.simple('1984', level: 1),
ParagraphNode.simple(
'Anything could be true. The so-called laws of nature were nonsense.',
),
@ -48,11 +48,16 @@ class MyTextComponent extends PositionComponent {
'out. "If he thinks he floats off the floor, and I simultaneously '
'think I can see him do it, then the thing happens."',
),
ParagraphNode.simple(
'Suddenly, like a lump of submerged wreckage breaking the surface of '
'water, the thought burst into his mind: "It doesn\'t really happen. '
'We imagine it. It is hallucination."',
),
ParagraphNode.group([
PlainTextNode(
'Suddenly, like a lump of submerged wreckage breaking the surface '
'of water, the thought burst into his mind: '),
ItalicTextNode.group([
PlainTextNode('"It doesn\'t really happen. We imagine it. It is '),
BoldTextNode.simple('hallucination'),
PlainTextNode('."'),
]),
]),
ParagraphNode.simple(
'He pushed the thought under instantly. The fallacy was obvious. It '
'presupposed that somewhere or other, outside oneself, there was a '