Search code examples
flutterflutter-layout

"How to create two text widgets in a row widget"


"I'm a beginner in flutter, I want to display two text in row .where "hello" is the first text widget and "world" is another text widget

I tried doing this with my basic knowledge but I came across these errors

Horizontal RenderFlex with multiple children has a null textDirection, so the layout order is undefined. 'package:flutter/src/rendering/flex.dart': Failed assertion: line 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,)
      ],
    );
  }
}

Solution

  • Maybe you want to use RichText instead?

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