flutter - “如何在一个行小部件中创建两个文本小部件”

Question

“我是 Flutter 的初学者，我想在一行中显示两个文本。其中“hello”是第一个文本小部件，“world”是另一个文本小部件

我尝试用我的基本知识做到这一点，但我遇到了这些错误

具有多个子项的水平 RenderFlex 的 textDirection 为空，因此未定义布局顺序。'package:flutter/src/rendering/flex.dart'：断言失败：第 439 行 pos 18：'textDirection != null'

    class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Row(
      children: <Widget>[
        Text("hello",textDirection: TextDirection.rtl,),
        Text("world",textDirection: TextDirection.rtl,)
      ],
    );
  }
}

标签： flutterflutter-layout

Answer 1

也许您想改用 RichText？

RichText(
  text: TextSpan(
    children: <TextSpan>[
      TextSpan(text: 'hello', style: TextStyle(color: Colors.red)),
      TextSpan(text: ' world', style: TextStyle(color: Colors.blue)),
    ],
  ),
)