How to get some space between in Richtext?

Question

Im trying getting some space in Richttext. First heres my code

 title: RichText(
  text: TextSpan(
    text: _snapshot.data['username'], // _snapshot.data['username']
    style: TextStyle(fontWeight: FontWeight.bold, color: Colors.black),
    children: <TextSpan>[
      TextSpan(
        //"${comment.data()['comment']}"
        text: "${comment.data()['comment']}",
        style: TextStyle(
          fontWeight: FontWeight.normal,
        ),
      )
    ],
  ),
)

And what I want is some space between the this

  text: TextSpan(
    text: _snapshot.data['username'], // _snapshot.data['username']
    style: TextStyle(
      fontWeight: FontWeight.bold,
      color: Colors.black,
  )

And this

 children: <TextSpan>[
  TextSpan(
  //"${comment.data()['comment']}"
    text: "${comment.data()['comment']}",
    style: TextStyle(
    fontWeight: FontWeight.normal,
    ),
  ],
                                                ),

Hope anyone can help. If you need a picture how it looks at the moment please leave a comment

score 8 · Accepted Answer · answered May 07 '21 at 11:27

You can use a SizedBox like below :

RichText(
      text: TextSpan(
        text: "Test:",
        style: TextStyle(fontWeight: FontWeight.bold, color: Colors.black),
        children: <InlineSpan>[
          WidgetSpan(
              alignment: PlaceholderAlignment.baseline,
              baseline: TextBaseline.alphabetic,
              child: SizedBox(width: 10)),
          TextSpan(
            text: "Data",
            style: TextStyle(
              fontWeight: FontWeight.normal,
            ),
          )
        ],
      ),
    )

How to get some space between in Richtext?

1 Answers1