如何在 React Native 中在 ToolbarAndroid 上設置自定義字體

Question

我正在學習react-native編程，我需要在工具欄標題上設置自定義 fontFamily。 我在我的 android 目錄的 assets/fonts 文件夾中添加了 TTF 字體。

 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提供給ToolbarAndroid ...

任何人都可以幫助我如何在ToolbarAndroid標題上設置自定義字體系列。 提前致謝。

Answer 1

你需要做的就是這個

<ToolbarAndroid>
    <Text style={{ fontFamily: 'yourFont' }}>Title Text</Text>
</ToolbarAndroid>

Answer 2

AFAIK 沒有記錄的方法來設置它（如果您騰出時間並使用源代碼，您可能會找到自己的方式）。

除了這種復雜性之外，即使您只是為 Android 開發應用程序，您仍然可以使用react-native-router-flux ，您可以在其中渲染自定義工具欄，其中可能包含任何 React 元素 - 圖標、圖像, 文本。 它支持兩個平台，並提供跨應用場景的真正簡單的導航。