flutter richtext で上付き文字を表示する方法

flutter で辞書プログラムを作成しています。元のテキストにhtmlのタグ,
下付文字<sub>、上付き文字<sup>を付けています。このタグを利用して、richtextで表示したいのですが、上付き文字を作成出来ません。下付文字は、フォントサイズを小さくするだけで、一応の体裁はつくれましたが、上付き文字を上に表示する方法が分かりません。TextStyle で調べても、出てきません。htmlではbaselineをmiddleなどに指定できるようですが、flutter ではどのように書けるのでしょうか？

テスト用のコードです。floatingActionButtonを押すと、辞書数件を表示します。
上付き・下付き文字を、fontSize を小さく、色も変えています。

TextStyle(color: Colors.purple, TextBaseline: TextBaseline.middle, fontSize: 20.0),//上付き文字用

と書くとエラーになります。

import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'test',
home: MyCustomForm(),
);
}
}

class MyCustomForm extends StatefulWidget {
@override
_MyCustomFormState createState() => _MyCustomFormState();
}

class _MyCustomFormState extends State<MyCustomForm> {

final _fst = [
	TextStyle(color: Colors.black, fontSize: 26.0),
	TextStyle(color: Colors.purple, fontSize: 20.0),//上付き文字用
	TextStyle(color: Colors.purple, fontSize: 20.0),//下付き文字用
];
var _st = [];
var _st_add_pre = 0;
var _st_add_post = 0;
var _vline = [];
final _sub_start = "<sub>";
final _sub_end = "</sub>";
final _sup_start = "<sup>";
final _sup_end = "</sup>";
var _tag_On = "0";
final _resultoj = [];
final vortaro = [
	["aerogram|o<sup>1</sup>", "航空書簡."],
	["aerogram|o<sup>2</sup>", "エアログラム."],
	["-ilion-", "例 duiliono 一兆, ＝10<sup>12</sup>."],		
	["acetil|o", "アセチル基 〔CH<sub>3</sub>CO‐〕."],
	["rodano", "チオシアン 〔(SCN)<sub>2</sub>のこと〕."]
];

List _tag_split(String tag, teksto) {
	var duopo = [teksto, ""];
	_st_add_post = 0;
	if (teksto.contains(tag)) {
		duopo = teksto.replaceFirst(tag, "@").split("@");
		if (tag == _sup_start) _st_add_post = 1;
		if (tag == _sub_start) _st_add_post = 2;
	}
	return duopo;
}

String _tag_check(String teksto) {
	var check = "";
	if (teksto.contains(">")) {
		var duopo = teksto.split(">");///最初の『<』を使って
		if (duopo[0].length > 3) {
			if (duopo[0].contains("<sub")) check = _sub_start;  /// <sub>
			if (duopo[0].contains("<sup")) check = _sup_start;  /// <sup>
		}
		if (duopo[0].length > 4) {
			if (duopo[0].contains("</sub")) check = _sub_end;  /// </sub>
			if (duopo[0].contains("</sup")) check = _sup_end;  /// </sup>
		}
	}
	return check;
}

String _tag_On_set(String tag) {
	var tag_On = "0";	
	if (tag == _sub_start || tag == _sup_start) tag_On = "1";
	if (tag == _sub_end || tag == _sup_end) tag_On = "0";
	return tag_On;
}

void _tag_shori(String teksto) {
	var Du = [];
	var v = 1;
	while (v < 500 && teksto != "") {// while
		++v;
		var tag = _tag_check(teksto);
		if (tag == "") {
			_vline.add(teksto);
			_st.add(_fst[_st_add_pre]);
			teksto = "";
		}
		else
		if (tag != "") {
			Du = _tag_split(tag, teksto);
			if (Du[0] != "") {
				_vline.add(Du[0]);
				_st.add(_fst[_st_add_pre]);
			}
			_st_add_pre = _st_add_post;
			_tag_On = _tag_On_set(tag);
			teksto = Du[1];
		}
	}/// while owari
}

Widget _buildRow(result) {
	_tag_On = "0";
	_st = [];
	_vline = [];
	var teksto = result;
	if (_tag_check(teksto) != "") {  ///  tag を含む時のみ実行する
		_tag_shori(teksto);
	}			
	else {  ///  tag を含まない時実行する
		_vline.add(teksto);
		if (_tag_On == "0")  /// _tag_On は _tag_check で設定される
			_st.add(_fst[0]);
		if (_tag_On == "1") {
			_st.add(_fst[_st_add_pre]);
		}
	}
	return RichText(
		text: TextSpan(
			children: <TextSpan>[
				for (int m = 0; m < _vline.length; ++m)
					if (_vline[m] != "")
						TextSpan(text: _vline[m], style: _st[m]),
			]
		)
	);
}

Widget _buttomOnTest() {
	setState(() {
		var _vortaroMax = vortaro.length;
		_resultoj.clear();
		var i = 0;
		while (i < _vortaroMax) {
			_resultoj.add("☆" + vortaro[i][0] + "☆");
			_resultoj.add(vortaro[i][1]);
			_resultoj.add("");
			++i;
		}
	});
}

Widget _buildResults() {
	return ListView.builder(
		itemCount: max(0, _resultoj.length),
		padding: const EdgeInsets.all(16.0),
		itemBuilder: /*1*/ (context, i) {
			return _buildRow(_resultoj[i]);
		}
	);
}
@override
Widget build(BuildContext context) {
	return Scaffold(
		appBar: AppBar(
			title: Row(mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [
				Text("RichText test"),
				SizedBox(width: 12),
			]),
		),
		body: Center(child: _buildResults()),
		floatingActionButton: FloatingActionButton(
			onPressed: _buttomOnTest,
			tooltip: 'Increment',
			child: Icon(Icons.add),
		),
	);
}