Как изменить фон даты-базы? - PullRequest
Новая
       80

Как изменить фон даты-базы?

0 голосов
/ 02 ноября 2019

Похоже, что в темном режиме iOS существует общая проблема со средствами выбора даты (не специфично для native-base).

Чтобы обойти эту проблему, я хочу установить цвет фона модального окна. Но я не мог понять, если это вообще возможно или нет ... 

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import { DatePicker } from 'native-base';

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = { chosenDate: new Date() };

    this.setDate = this.setDate.bind(this);
  }
  setDate(newDate) {
    this.setState({ chosenDate: newDate });
  }
  render() {
    return (
      <View style={styles.container}>
        <Text />
        <Text />
        <Text />
        <DatePicker
          defaultDate={new Date(1976, 12, 23)}
          minimumDate={new Date(1940, 1, 1)}
          maximumDate={new Date(2040, 12, 31)}
          locale={'en'}
          timeZoneOffsetInMinutes={undefined}
          modalTransparent={false}
          animationType={'fade'}
          androidMode={'default'}
          placeHolderText="Select date"
          textStyle={{ color: 'green' }}
          placeHolderTextStyle={{ color: '#d3d3d3' }}
          onDateChange={this.setDate}
        />
        <Text>Date: {this.state.chosenDate.toString().substr(4, 12)}</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    backgroundColor: '#ecf0f1',
    padding: 8,
  },
});

Код как закуска Экспо здесь , и испытать проблему вы можете попробовать с iOS темнымрежим и режим освещения.

1 Ответ

0 голосов
/ 02 ноября 2019

Вы можете сделать это, настроив переменные вашей темы.

Для справки см. Эти ссылки

https://docs.nativebase.io/docs/ThemeVariables.html

https://docs.nativebase.io/Customize.html#theme-and-variables-headref

...