Описание тега react-native-text
2
ответа
Реализация встроенных элементов
Я хочу создать Text компоненты и отображать их в ряд, как span элементы в HTML. Если я делаю это так: <View> <Text> Start here, </Text> <Text> finish here </Text> </View> линия между ними разбита и выглядит так: Н…
10 янв '16 в 11:33
1
ответ
Как лучше всего использовать I18n в приложении с частичной реакцией?
Я хочу интегрировать собственное представление с малой реакцией в существующее приложение, полностью написанное на Obj C. Самая популярная доступная библиотека предполагает, что все строки загружены в память на стороне JS. Я обеспокоен тем, что это …
28 янв '16 в 22:45
0
ответов
Как проверить содержимое тега <Text /> в Jest + Enzyme + React Native?
Я хочу провести юнит-тест с Jest и Enzyme, если мой <Text /> тег правильно получает props.header как текст Обычно я был в состоянии проверить содержание <Text /> пометить как это: it("should render a label", () => { expect(wrapper.fin…
27 июл '18 в 08:04
15
ответов
Можно ли использовать первую букву текста / строки в реагировать на родной? Как это сделать?
Я должен использовать первую букву текста, которую хочу отобразить. Я искал это, но я не нашел ясную вещь, чтобы сделать это, также нет таких опор для text в ответе родная официальная документация. Я показываю свой текст в следующем формате: <Tex…
22 янв '18 в 17:32
1
ответ
Реагировать на собственный захват TextInput и FlatList при нажатии ListItem
Поэтому я пытаюсь создать окно поиска автозаполнения, имеющее 2 родственных представления TextInput и FlatList (которое отображается только тогда, когда this.state.data.length> 0) поэтому моя функция рендеринга приведена ниже: renderItem = ({ ite…
30 авг '17 в 09:46
2
ответа
React Native FlatList режет текст внизу
Я пытаюсь сделать экран поиска, у меня есть FlatList, который заполняет все неиспользуемое пространство на экране и имеет стиль, который устанавливает отступ на 10. У меня есть жестко закодированные данные, чтобы проверить, как это будет выглядеть, …
22 сен '18 в 20:58
0
ответов
Клавиатура SwiftKey не будет отображаться для ввода текста в режиме реакции
У меня проблема с реагирующим родным текстовым вводом. на одном экране отображается клавиша быстрого доступа, а на другом - не быстрая клавиатура, а клавиатура по умолчанию. На приведенном ниже текстовом входе клавиша быстрого доступа показывает: &l…
22 янв '18 в 19:46
3
ответа
Многострочный текст разной ширины?
Можно ли сделать многострочный текст с разной длиной строк в React Native? Моя ситуация с адресом примера (может быть любая строка), где строки одинаковой длины: const address = 'Circular Quay, Alfred St, Sydney 2021 NSW Alexandria'; return ( <Vi…
08 авг '18 в 08:32
2
ответа
Установка границы для реакции родного TextInput
Используя React native 0.26, Мой компонент что-то вроде этого const Search = () => { return ( <View style={styles.backgroundImage}> <TextInput style={styles.textInput} onChangeText={(text) => console.log(text)} placeholder={"Enter Sea…
25 май '16 в 00:57
1
ответ
Reaction-native: Пользовательский компонент передает компонент как свойство
Я пытаюсь продлить реакцию-родную TextInput (RCTTextField/RCTTextFieldManager) что я могу передать компонент реагирования (например, <Picker >...</Picker>) как атрибут (например, input), который будет установлен как UITextInputs inputVie…
04 июн '16 в 20:29
1
ответ
Компонент React Native Text ничего не отображает, если текстовая строка велика
Компонент React Native Text ничего не отображает, если текстовая строка велика. Кто-нибудь видел ту же проблему или имеет какое-либо решение? Если я продолжу увеличивать размер текста строки, в какой-то момент {someString} не будет ничего визуализир…
14 мар '16 в 15:54
2
ответа
React Native - меньше текста в тексте
Когда я хочу отобразить знак "меньше, чем" (<) в Text компонент бросает это SyntaxError: Неожиданный токен (126:39) Мой код: <Text>< 30 seconds</Text> Как я могу отобразить "меньше, чем" в React Native?
23 апр '17 в 09:46
7
ответов
Вложенный текст, вертикальное выравнивание не работает - React Native
Хорошо, давайте сделаем это просто. У меня два Text компоненты, один внутри другого. Первый Text имеет fontSize из 60и вложенный fontSize из 20, Поскольку размер шрифта меняется, вложенный Text сидит основание выровнено. Я хочу вложенный Text вертик…
22 май '18 в 12:34
6
ответов
Как сделать текст жирным, курсивом или подчеркиванием в React Native?
Удивительно, но пока нет ни одного вопроса, который объединяет их все вместе в Stack Overflow; Там не было ответа на SO для курсива или подчеркивания, на самом деле, только этот вопрос для жирного. Я сам ответил на этот вопрос ниже.
27 май '18 в 22:06
0
ответов
Как мне получить эллипсы для отображения в элементе React Native <Text>, используя numberOfLines, который обрезается при разрыве строки?
В React Native у меня есть <Text numberOfLines={5}> элемент, который работает правильно, но не тогда, когда текст обрезается прямо перед разрывом строки. Например, на этом снимке экрана первый раздел работает нормально, но во втором разделе ср…
17 окт '16 в 08:20
2
ответа
Сосредоточьтесь на TextInput из импортированного компонента
У меня есть TextInput в моем компоненте (FirstComponent). Я могу назвать фокус на компоненте, вызвав this.refs, Я также импортирую и вызываю другой компонент (SecondComponent) которая также должна быть сосредоточена на TextInput по нажатию кнопки. М…
09 сен '17 в 19:50
4
ответа
Добавление границы только на одну сторону компонента <Text /> в React Native (iOS)
Я столкнулся с какой-то странной проблемой с React-Native's <Text/> компонент в iOS. Я хотел подать заявку borderBottomWidth стиль в <Text/> компонент, но это не сработало. Тем не менее borderWidth вариант сработал. Работал <Text styl…
06 апр '16 в 07:56
1
ответ
React native: передача строки HTML компоненту отображается в виде текста
Я имею реагировать нативный компонент (например, myComponent), который имеет следующий код для отображения текста из this.props.text. Этот текстовый реквизит определяется как строка в myComponent. <Text size='large' style={styles.text} textId={th…
17 дек '16 в 02:39
1
ответ
Передать значение в TextInput onPress
Мой компонент это: class TextInputComp extends Component { constructor(props){ super(); this.state = { thetext: '' } } submitText = (text) => { Alert.alert("Text Submitted!", text); } render() { const renData = this.props.people((data, index) =&g…
13 сен '17 в 20:20
3
ответа
Глобальный цвет "Текст" и цвет текста "TextInput"
Я начал работать с реактивной системой несколько дней назад, и после продолжительного поиска не смог найти ответы на 2 (простых?) Вопроса: Как я могу изменить цвет ВСЕХ текстовых компонентов в реактивном? Каковы лучшие практики? Создание собственног…
10 авг '16 в 12:55