Как изменить expo android styles.xml в собственном приложении - PullRequest
Новая
       19

Как изменить expo android styles.xml в собственном приложении

0 голосов
/ 11 апреля 2019

Как и многие другие до меня, я ищу способ настроить цвета и стили темы expo android для настройки стилей собственных компонентов, таких как DatePicker.

Я нашел лот из сообщений , объясняющих ту же самую старую вещь: «Обновите свой стиль нативным способом Android!»

Хорошо, но у моего собственного проекта React нет никакого res / values ​​/ styles.xml и так далее. Создание их с нуля не имеет никакого эффекта.

Есть один шаг, который я здесь пропускаю, но какой?

Мой репозиторий выглядит примерно так: 

.expo
/* a bunch of folders containing my custom js */
App.js
app.json
babel.config.js
package.json
package-lock.json

1 Ответ

1 голос
/ 11 апреля 2019

Вы можете использовать Style Sheet.

Создать новую таблицу стилей: 

const styles = StyleSheet.create({
  container: {
    borderRadius: 4,
    borderWidth: 0.5,
    borderColor: '#d6d7da',
  },
  title: {
    fontSize: 19,
    fontWeight: 'bold',
  },
  activeTitle: {
    color: 'red',
  },
});

Использовать таблицу стилей: 

<View style={styles.container}>
  <Text style={[styles.title, this.props.isActive && styles.activeTitle]} />
</View>

это подробно ссылка

Чтобы настроить стиль, например Android.xml, вы можете отделить его, выполнив expo eject.

Когда вы выполните expo eject, вы получите папку Android.

о `expo eject ' ссылка

...