Как установить собственный шрифт на панели инструментов Android в React Native

Я изучаю react-native программирование, где мне нужно установить собственный fontFamily в заголовке панели инструментов. Я добавил шрифт TTF в папку assets / fonts моего каталога Android.

 const styles = StyleSheet.create({
   toolbar: {
     backgroundColor: '#2E8B57',
     height: 40,
     fontFamily: 'roboto_thin'
   },
 });

 <ToolbarAndroid title='Login' titleColor='white'
            onIconClicked={() => this.props.navigator.pop()}
            style={styles.toolbar}/>

Однако ToolbarAndroid шрифт заголовка не устанавливается и не выводится предупреждение при запуске приложения.

Предупреждение: сбойный тип пропса: недопустимый ключ props.style fontFamily передан в _5 _...

Может ли кто-нибудь помочь мне узнать, как установить собственное семейство шрифтов в ToolbarAndroid заголовке. Заранее спасибо.


react-native android react-native-android
person N Sharma    schedule 24.01.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Все, что вам нужно сделать, это

<ToolbarAndroid>
    <Text style={{ fontFamily: 'yourFont' }}>Title Text</Text>
</ToolbarAndroid>
person Sajjad Ashraf    schedule 25.02.2018

arrow_upward
0
arrow_downward

AFAIK не существует задокументированного способа его установки (если вы сэкономите время и поиграете с исходными кодами, вы можете найти свой путь).

Помимо этого усложнения, даже если вы разрабатываете свое приложение только для Android, вы все равно можете использовать response-native-router-flux, где вы можете отобразить настраиваемую панель инструментов, которая может содержать любой элемент React - значки, изображения, тексты. Он поддерживает обе платформы и предлагает действительно простую навигацию по приложению Сцены.

person eden    schedule 24.01.2017