React Native Platform как работает?

Question

У меня есть экран, на котором я хотел бы использовать два разных средства выбора для Android и iOS, используя Platform. Похоже, не работает, поэтому я тестирую его только с <Text>, но не меняется

  const PickerOS = () => {
    Platform.OS === 'android' ? (
      <Text>
        ANDROID
        {console.log('android')}
      </Text>
    ) : (
      <Text>
        IOS
        {console.log('ios')}
      </Text>
    );
  };

  useEffect(() => {
    PickerOS();
  }, []);

return (
    <View style={styles.container}>   
      {PickerOS()}
</View>

Где я ошибаюсь? спасибо!

Answer 1

Если код вашей платформы c более специфичен для вашей платформы, вам следует рассмотреть возможность разделения кода на отдельные файлы. React Native обнаружит, когда файл имеет. ios. или. android. расширение и загрузите соответствующий файл платформы, когда это требуется от других компонентов.

Например, допустим, у вас есть следующие файлы в вашем проекте:

BigButton.ios.js
BigButton.android.js

Затем вам может потребоваться компонент следующим образом:

import BigButton from './BigButton';

React Native автоматически подберет нужный файл в зависимости от работающей платформы.

Источник: https://reactnative.dev/docs/platform-specific-code

Answer 2

Ваш код работает нормально. Но вы ничего не вернули.

const PickerOS = () => {
  return Platform.OS === "android" ? (
    <Text>
      ANDROID
      {console.log("android")}
    </Text>
  ) : (
    <Text>
      IOS
      {console.log("ios")}
    </Text>
  );
};

или вы можете попробовать

const PickerOS = () =>
  Platform.OS === "android" ? (
    <Text>
      ANDROID
      {console.log("android")}
    </Text>
  ) : (
    <Text>
      IOS
      {console.log("ios")}
    </Text>
  );

Надеюсь, это вам поможет. Не стесняйтесь сомнений.