Container(
    padding: EdgeInsets.all(matGrid * 2),
    child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text('LTR Text Span (Default TextWidthBasis):',
              style: Theme.of(context).textTheme.caption),
          Container(
              decoration: BoxDecoration(border: Border.all(width: 1)),
              child: Text.rich(
                TextSpan(children: [
                  TextSpan(text: 'this is a line of text with words'),
                ]),
              )),
          Container(
              decoration: BoxDecoration(border: Border.all(width: 1)),
              child: Text.rich(
                TextSpan(children: [
                  TextSpan(
                      text:
                          'this is a line of text with words followed by areallylongwordthatneedstobewrapped'),
                ]),
              )),
          Text('RTL Text Span (Default TextWidthBasis):',
              style: Theme.of(context).textTheme.caption),
          Container(
              decoration: BoxDecoration(border: Border.all(width: 1)),
              child: Text.rich(
                  TextSpan(children: [
                    TextSpan(text: 'this is a line of text with words'),
                  ]),
                  textDirection: TextDirection.rtl)),
          Container(
              decoration: BoxDecoration(border: Border.all(width: 1)),
              child: Text.rich(
                  TextSpan(children: [
                    TextSpan(
                        text:
                            'this is a line of text with words followed by areallylongwordthatneedstobewrapped'),
                  ]),
                  textDirection: TextDirection.rtl)),
          Text('LTR Text Span (TextWidthBasis.longestLine):',
              style: Theme.of(context).textTheme.caption),
          Container(
              decoration: BoxDecoration(border: Border.all(width: 1)),
              child: Text.rich(
                  TextSpan(children: [
                    TextSpan(text: 'this is a line of text with words'),
                  ]),
                  textWidthBasis: TextWidthBasis.longestLine)),
          Container(
              decoration: BoxDecoration(border: Border.all(width: 1)),
              child: Text.rich(
                  TextSpan(children: [
                    TextSpan(
                        text:
                            'this is a line of text with words followed by areallylongwordthatneedstobewrapped'),
                  ]),
                  textWidthBasis: TextWidthBasis.longestLine)),
          Text('RTL Text Span (TextWidthBasis.longestLine):',
              style: Theme.of(context).textTheme.caption),
          Container(
              decoration: BoxDecoration(border: Border.all(width: 1)),
              child: Text.rich(
                  TextSpan(children: [
                    TextSpan(text: 'this is a line of text with words'),
                  ]),
                  textWidthBasis: TextWidthBasis.longestLine,
                  textDirection: TextDirection.rtl)),
          Container(
              decoration: BoxDecoration(border: Border.all(width: 1)),
              child: Text.rich(
                  TextSpan(children: [
                    TextSpan(
                        text:
                            'this is a line of text with words followed by areallylongwordthatneedstobewrapped '),
                  ]),
                  textWidthBasis: TextWidthBasis.longestLine,
                  textDirection: TextDirection.rtl)),
        ]));