在react native中将字符串中的某些单词设置为粗体

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

const BoldText = ({ text }) => {
  const boldWords = ['某些', '单词']; // 需要设置为粗体的单词列表

  // 根据是否为需要设置为粗体的单词来应用不同的样式
  const formatText = text.split(' ').map((word, index) => {
    const isBold = boldWords.includes(word);
    return (
      <Text key={index} style={isBold ? styles.bold : styles.normal}>
        {word}{' '}
      </Text>
    );
  });

  return <Text>{formatText}</Text>;
};

const styles = StyleSheet.create({
  bold: {
    fontWeight: 'bold',
  },
  normal: {
    fontWeight: 'normal',
  },
});

export default BoldText;

import React from 'react';
import { View } from 'react-native';
import BoldText from './BoldText';

const App = () => {
  return (
    <View>
      <BoldText text="这是某些单词设置为粗体的示例文本" />
    </View>
  );
};

export default App;