Flutter &引用;如何在一行小部件中创建两个文本小部件;
我是颤振的初学者,我想连续显示两个文本。其中“hello”是第一个文本小部件,“world”是另一个文本小部件 我试着用我的基本知识来做这件事,但我遇到了这些错误 具有多个子项的水平RenderFlex具有空textDirection,因此布局顺序未定义。 'package:flatter/src/rendering/flex.dart': 断言失败:第439行第18位:“textDirection!=null”Flutter &引用;如何在一行小部件中创建两个文本小部件;,flutter,flutter-layout,Flutter,Flutter Layout,我是颤振的初学者,我想连续显示两个文本。其中“hello”是第一个文本小部件,“world”是另一个文本小部件 我试着用我的基本知识来做这件事,但我遇到了这些错误 具有多个子项的水平RenderFlex具有空textDirection,因此布局顺序未定义。 'package:flatter/src/rendering/flex.dart': 断言失败:第439行第18位:“textDirection!=null” 类MyApp扩展了无状态小部件{ @凌驾 小部件构建(构建上下文){ 返回新行(
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回新行(
儿童:[
Text(“你好”,textDirection:textDirection.rtl,),
文本(“世界”,textDirection:textDirection.rtl,)
],
);
}
}
请尝试以下代码:-
@override
Widget build(BuildContext context) {
return Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text("Hello",style: TextStyle(color: Colors.blue)),
Text("World",style: TextStyle(color: Colors.blue))
],
);
}
@覆盖
小部件构建(构建上下文){
返回行(
crossAxisAlignment:crossAxisAlignment.center,
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
文本(“你好”,样式:TextStyle(颜色:Colors.blue)),
文本(“世界”,样式:TextStyle(颜色:Colors.blue))
],
);
}
**试试这个最简单的方法**
进口“包装:颤振/材料.省道”;
类示例扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回安全区(
孩子:脚手架(
正文:世界其他地区(
儿童:[
文本(“你好”),
文本(“世界”),
],
),
),
);
}
}
请阅读关于颤振中的行的链接:
https://medium.com/jlouage/flutter-row-column-cheat-sheet-78c38d242041
简而言之,您声明一行,该行中的项目是子项(必须是小部件)
我从这里选择了一个例子
像这样的
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Image.asset('images/pic1.jpg'),
Image.asset('images/pic2.jpg'),
Image.asset('images/pic3.jpg'),
],
);
在您的情况下,您只需删除image.asset并将其更改为文本
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Text('Hello'),
Text('World'),
],
);
或者你想要的任何东西。也许你想改用RichText
RichText(
text:TextSpan(
儿童:[
TextSpan(文本:“你好”,样式:TextStyle(颜色:Colors.red)),
TextSpan(文本:“世界”,样式:TextStyle(颜色:Colors.blue)),
],
),
)
@AnirudhSukumaran这就是你想要的吗?在stackoverflow上,你应该接受/投票给对你有帮助的答案。请在回答之前阅读问题的描述!请在回答之前阅读问题的描述!
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Image.asset('images/pic1.jpg'),
Image.asset('images/pic2.jpg'),
Image.asset('images/pic3.jpg'),
],
);
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Text('Hello'),
Text('World'),
],
);