странная ошибка StyleSheet с реактивной - PullRequest
Новая
       47

странная ошибка StyleSheet с реактивной

0 голосов
/ 23 октября 2018

У меня есть файл JavaScript, который содержит 2 класса.Для обоих классов у меня есть отдельные таблицы стилей.Как показано ниже: 

export class PageOne extends Component {
   render(){
      return(
        <View style={pageOne.container}>
        ...
        </View>
   )
}

const pageOne = StyleSheet.create({
    container: {
      backgroundColor: '#FFDD33',
      flex: 1,
      width: '100%',
      flexDirection: 'row',
    },
    ...
});

export class PageTwo extends Component {
    render(){
      return(
        <View style={pageTwo.container}>
        ...
        </View>
      )
   }

const pageTwo = StyleSheet.create({
   container: {
     *Error ^*
   backgroundColor: '#FFFFFF',
   flex: 1,
   width: '100%',
 },
 ...
});

Изображение ошибки

1 Ответ

0 голосов
/ 24 октября 2018

Я думаю, что вы пропустили } закрытие компонентов класса PageOne и PageTwo.

Попробуйте: 

export class PageOne extends Component {
   render() {
        return(
            <View style={pageOne.container}>
            ...
            </View>
        );
    }
}

const pageOne = StyleSheet.create({
    container: {
      backgroundColor: '#FFDD33',
      flex: 1,
      width: '100%',
      flexDirection: 'row',
    },
    ...
});

export class PageTwo extends Component {
    render(){
        return(
            <View style={pageTwo.container}>
                ...
            </View>
        )
    }
}

const pageTwo = StyleSheet.create({
   container: {
     *Error ^*
   backgroundColor: '#FFFFFF',
   flex: 1,
   width: '100%',
 },
 ...
});
...