как разработать верхний индекс в nativescript

Question

Я пытаюсь показать, сколько товаров в корзине.в верхней части символа корзины.но я сталкиваюсь с проблемой при использовании сетки.с тех пор nativescript не будет поддерживать верхний индекс.Есть ли лучший способ для дизайна.

Я попробовал что-то вроде ниже.но количество товаров неправильно отображается в правом верхнем углу символа корзины.

 <GridLayout col="2" rows="auto" columns="*,*">
                <Label col="0" text="&#xf07a;" fontSize="28" class="fas" textWrap="true" />
                <Label col="1" text="{{ line_item_no }}" fontSize="10" textWrap="true" margin="0 5 0 5" class="fcw" />
            </GridLayout>

Мне нужен символ корзины размером 25 шрифтов.в правом верхнем углу мне нужен номер размера шрифта 10, окруженный круглым фоном.пожалуйста, дайте мне несколько идей.