在React Native中有条件地渲染图标

import React from 'react';
import { View, Text } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome'; // 假设使用的是FontAwesome图标库

const MyComponent = ({ isLoggedIn }) => (
  <View>
    {isLoggedIn ? (
      <Icon name="user" size={30} color="#000" />
    ) : (
      <Icon name="sign-in" size={30} color="#000" />
    )}
  </View>
);

export default MyComponent;

import React from 'react';
import { View, Text } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';

const MyComponent = ({ hasError }) => (
  <View>
    {hasError && <Icon name="exclamation-triangle" size={30} color="#f00" />}
  </View>
);

export default MyComponent;

import React from 'react';
import { View, Text } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';

const getIcon = (isLoggedIn) => {
  return isLoggedIn ? 'user' : 'sign-in';
};

const MyComponent = ({ isLoggedIn }) => (
  <View>
    <Icon name={getIcon(isLoggedIn)} size={30} color="#000" />
  </View>
);

export default MyComponent;