Нельзя использовать глобальные стили в styleled-компонентах. - PullRequest
Новая
       32

Нельзя использовать глобальные стили в styleled-компонентах.

0 голосов
/ 06 июня 2018

Я пытаюсь настроить глобальные стили в реагировать на родной.Я импортировал

import {injectGlobal} from 'styled-components';

и имею 

class XoxoContainer extends Component {
  render() {
    return <Xoxo {...this.props} />
  }
}


injectGlobal`
  font-family: '20'
`;

Но я продолжаю получать styledComponents.injectGlobals is not a function. в консоли.

Ответы [ 3 ]

0 голосов
/ 07 июня 2018

Создайте файл js с этим шаблоном: 

'use strict';

var React = require('react-native');

var myStyle = React.StyleSheet.create({
   style1: { },
   style2: { }
)}

module.exports = myStyle;

для использования вашего компонента js требуется использовать эту таблицу стилей 

var customStyle = require('../the/path/to/commonStyleSheet');

Использовать сейчас так: 

<View style = {customStyle .style1} />
0 голосов
/ 07 июня 2018

создайте файл styles.js следующим образом: 

import React, {Component} from 'react';
import {
    Platform,
    StyleSheet
} from 'react-native';

export const styles = StyleSheet.create({
    view_flex_one_white: {
    flex: 1,
    backgroundColor: white
}});

и используйте его в любом месте вашего приложения с импортом 

    import {styles} from "...link to file/styles";

      render(){
         return(
           <View style={styles.view_flex_one_white}>

           </View>
    )
}
0 голосов
/ 07 июня 2018

Эта функция не является частью библиотеки на реагирующе-родном в соответствии с этой проблемой Github. Вот почему все время говорят, что это не функция, потому что она не может ее найти.

...