如何使用Flutter Flame更改TextComponent中文本的大小?

velaa5lx  于 2023-06-07  发布在  Flutter
关注(0)|答案(1)|浏览(209)

如何在Flame中更改TextComponent中的文本大小?我想把文字放大
我使用Flame文档来获得这个,但我不知道如何修改它以获得更大的文本大小(如20pt vs 14pt)。那么,锚是什么?

final style = TextStyle(color: BasicPalette.darkBlue.color);
final regular = TextPaint(style: style);

TextComponent startText = TextComponent(text: 'test text', textRenderer: regular)
  ..anchor = Anchor.topCenter
  ..x = (width * 0.2)
  ..y = (height - (height*0.5))
  ..priority = 300;
rryofs0p

rryofs0p1#

final style = TextStyle(
  color: BasicPalette.darkBlue.color,
  fontSize: 20.0, // Change the font size here
);
final regular = TextPaint(style: style);

TextComponent startText = TextComponent(
  text: 'test text',
  textRenderer: regular,
)
  ..anchor = Anchor.topCenter
  ..x = (width * 0.2)
  ..y = (height - (height * 0.5))
  ..priority = 300;

什么是锚?

Flame的TextComponent中的锚确定文本相对于其给定坐标(x和y)的位置。您可以从左上角、上居中、右上角、左居中、居中、右居中、左下角、下居中和右下角等选项中进行选择,以根据需要对齐文本。根据需要调整锚和位置值以定位文本。

相关问题