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

Question

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

import {injectGlobal} from 'styled-components';

и имею

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


injectGlobal`
  font-family: '20'
`;

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

Answer 1

Создайте файл 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} />

Answer 2

создайте файл 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>
    )
}

Answer 3

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