Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter &引用;如何在一行小部件中创建两个文本小部件;_Flutter_Flutter Layout - Fatal编程技术网

Flutter &引用;如何在一行小部件中创建两个文本小部件;

Flutter &引用;如何在一行小部件中创建两个文本小部件;,flutter,flutter-layout,Flutter,Flutter Layout,我是颤振的初学者,我想连续显示两个文本。其中“hello”是第一个文本小部件,“world”是另一个文本小部件 我试着用我的基本知识来做这件事,但我遇到了这些错误 具有多个子项的水平RenderFlex具有空textDirection,因此布局顺序未定义。 'package:flatter/src/rendering/flex.dart': 断言失败:第439行第18位:“textDirection!=null” 类MyApp扩展了无状态小部件{ @凌驾 小部件构建(构建上下文){ 返回新行(

我是颤振的初学者,我想连续显示两个文本。其中“hello”是第一个文本小部件,“world”是另一个文本小部件

我试着用我的基本知识来做这件事,但我遇到了这些错误

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

类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'),

  ],
);