Доступ к переменным темы снаружи с помощью функции Styles (react-native-ui-kitten)

Question

Я хочу использовать переменные темы, чтобы соответственно стилизовать мой Icon. Тем не менее, я не могу использовать свойство style для заполнения элемента Icon ofact-native-ui-kitten, но вместо этого мне нужно использовать свойство fill. Как я могу получить доступ к переменным темы за пределами функции withStyles Reaction-native-ui-kitten

Answer 1

@ xk2tm5ah5c Вы можете использовать свойство theme, если заключите свой компонент в withStyles.

Вот пример кода:

import React from 'react';
import { View } from 'react-native';
import { Button, Icon, withStyles } from 'react-native-ui-kitten';

const ScreenComponent = (props) => {

  const iconColor = props.theme['color-primary-default'];

  const FacebookIcon = (style) => (
    <Icon {...style} fill={iconColor} name='facebook' />
  );

  return (
    <View>
      <Button icon={FacebookIcon}>LOGIN WITH FACEBOOK</Button>
    </View>
  );
};

export const Screen = withStyles(ScreenComponent);

Answer 2

Я не совсем уверен, что полностью понимаю ваш вопрос. Обычно, когда у вас есть вопрос, вы должны опубликовать часть своего кода для контекста.

Вот мой ответ, предполагая, что 'Theme variable' является хэшем ... Попробуйте интерполяцию строки:

fill={`${theme.HEX_COLOR}`}