Значок React Native placeholder - PullRequest
Новая
       14

Значок React Native placeholder

0 голосов
/ 12 сентября 2018

У меня проблема с размещением значка внутри заполнителя DatePicker в React Native. На самом деле, у меня есть проблема, чтобы поместить некоторый текст («Поиск по дате») рядом с этим значком. Я пытался с шаблонными строками ES6, но это не работает, или я что-то упустил ... Вот код: 

 <View style={styles.searchDateView}>
      <DatePicker
        defaultDate={this.state.chosenDate}
        minimumDate={new Date(1970, 1, 1)}
        maximumDate={new Date(2050, 12, 31)}
        placeHolderText={<FontAwesome5 name="calendar-alt" size={20} />}
        textStyle={{ color: 'grey' }}
        placeHolderTextStyle={styles.placeHolderTextStyle}
        onDateChange={date => this.onDateChange(date)
      />
    </View>

Внутри "placeHolderText" у меня есть значок, а рядом с ним я хочу разместить текст "Поиск по дате". Таким образом, значок отображается, но когда я пытаюсь также добавить текст (используя строки шаблона), он не показывает значок, только текст и что-то вроде [объект, объект].

1 Ответ

0 голосов
/ 12 сентября 2018

Добро пожаловать на ТАК!: -)

Является ли этот конкретный значок обязательным?
Должно ли что-то подобное быть осуществимым? 

    ...
    placeHolderText={<Text>&#128197; Search by date</Text>}
    ...

Это должно работать (не проверено ...)

PS: Есть много других значков календаря Юникода ... т.е.: https://www.alt -codes.net / calendar-символы .

...