Expo运行React Native代码报错Text strings must be rendered within a <Text> component问询

你在JSX中编写的三目运算属于JS逻辑表达式，没有使用{}包裹就直接写在<View>组件内部，React会将这段内容识别为普通文本字符串直接渲染。而React Native规定所有文本内容必须包裹在<Text>组件内，不能直接放在<View>等容器组件中，因此触发该报错。
部分版本的Expo会直接弹出红屏提示该类渲染错误，不会将对应日志输出到控制台，因此会出现日志区域为空的情况。

将<View>内部的三目运算整体用{}包裹即可，修改后的完整代码如下：

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

export default function App() {
  const [focusSubject, setFocusSubject] = useState(null);
  return (
    <View style={styles.container}>
      {focusSubject ? (
        <Text>Screen 1</Text>
      ) : (
        <Text>Screen 2</Text>
      )}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#252250',
  },
});

内容的提问来源于stack exchange，提问作者Chinmaya Garg