Реагировать на собственный вид заполнения или текст с точками

Question

Я пытаюсь повторить эту точку рядом с названием ингредиента.

Я получил этот пример от Базилик - Дизайн материала .

Как добавить эти точки без зная ширину View / Text?

Answer 1

Вот идея! Вы можете использовать одну строку текста для достижения этого? Позвольте средний текст в текстовом теге, а затем установите его numberOfLines = {1}, как показано ниже.

<Text numberOfLines={1}>
Basil ...................................................................
</Text>

Это сгенерирует избыточную строку ".........." to ".. . "нравится:

Basil ..................................