React Native: несколько шрифтов в одном предложении - PullRequest
Новая
       9

React Native: несколько шрифтов в одном предложении

0 голосов
/ 22 марта 2020

Мне нужно использовать Engli sh с моим местным языком в одном предложении на React Native.

Я перебрал много сообщений, но, похоже, мне не повезло.

Я написать это для некоторых ответов или, может быть, некоторые предложения для обхода этой проблемы.

Пример того, что я ищу:

Hello Hello

Я предполагаю, что Hello для шрифта и ពិភពលោក для шрифта. PS текст из БД. 

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

class Setting extends React.Component {
    render() {
        return (
            <>
                <Text style={ styles.customFont }>Hello ពិភពលោក</Text>
            </>
        )
    }
}

const styles = StyleSheet.create({
   customFont: {
      //// I want to have fallback font for English words (Aller Font, etc.)
      fontFamily: Platform.OS === 'ios' ? 'Siemreap' : 'Siemreap-Regular'
   }
});

export default Setting;

1 Ответ

0 голосов
/ 22 марта 2020

В React Native

Text поддерживает вложение, стилизацию и обработку касаний.

Итак, если я понял ваш вопрос, вы ищете для чего-то вроде этого: 

export default class Test extends React.Component {
  render() {
    return (
      <>
        <Text>
          <Text style={styles.hello}>Hello </Text>
          <Text style={styles.name}>Michael</Text>
        </Text>
      </>
    );
  }
}

const styles = StyleSheet.create({
  hello: {
    fontFamily: 'Mishafi',
  },
  name: {
    fontFamily: 'Optima'
  },
});

Просто замените стиль шрифта на подходящий для вашего случая. Дайте мне знать.

...