Мобильная версияЯ хочу, чтобы всплывающая подсказка над текстовой плиткой отображалась вот так. Я не знаю, как сделать так, чтобы маленький треугольник в пользовательском интерфейсе указывал на центр текста.
Для этого я использую пакет flutter Tutorial_coach_mark. Это мой виджет подсказки:
Padding( отступ: const EdgeInsets.symmetric(по горизонтали: 4.0), ребенок: Столбец( mainAxisAlignment: MainAxisAlignment.center, дети: [ Контейнер( дополнение: const EdgeInsets.all(12), украшение: BoxDecoration( цвет: AppColors.f3146FF, borderRadius: BorderRadius.circular(scaleRadius(8, context)), ), ребенок: Столбец( crossAxisAlignment: CrossAxisAlignment.start, дети: [ Ряд( mainAxisAlignment: MainAxisAlignment.spaceBetween, дети: [ Пользовательскийтекст( текст: 'Записать $текст', textStyle: CustomTextStyle.textStyle16SemiBold(контекст), ), SvgPicture.asset( AppAssets.icCrossIcon, ), ], ), Пользовательскийтекст( text: 'Ускорьте работу, записав ${text?.toLowerCase()}', textStyle: CustomTextStyle.textStyle14Medium(контекст), ) ], ), ), Заполнение( отступ: EdgeInsets.only( слева: текст == "Видео" ? ScaleWidth (120, контекст) : ScaleHeight(280, контекст), ), дочерний элемент: SvgPicture.asset(AppAssets.tooltip), ), ], ), ) Я не знаю, как разместить треугольник над текстом, поэтому добавил статическое дополнение left: text == "Video" ? 120 : 280, который отлично работает на моем устройстве, но это не очень хорошее решение и не будет работать должным образом на других устройствах. Мне нужен общий способ сделать это. Как это сделать?
