Expo UI SwiftUI

Les instructions de cette skill s'appliquent uniquement au SDK 55. Pour les autres versions du SDK, consultez la documentation Expo UI SwiftUI pour cette version afin d'obtenir les informations les plus précises.

Installation

npx expo install @expo/ui

Une reconstruction native est requise après l'installation (npx expo run:ios).

Instructions

• L'API d'Expo UI reflète l'API de SwiftUI. Utilisez vos connaissances SwiftUI pour décider quels composants ou modifiers utiliser.
• Les composants sont importés de @expo/ui/swift-ui, les modifiers de @expo/ui/swift-ui/modifiers.
• Avant d'utiliser un composant, récupérez sa documentation pour confirmer l'API - https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/{component-name}/index.md
• En cas de doute sur l'API d'un modifier, consultez la documentation - https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/modifiers/index.md
• Chaque arborescence SwiftUI doit être enveloppée dans Host.
• RNHostView est spécifiquement destiné à intégrer des composants RN dans une arborescence SwiftUI. Exemple :

import { Host, VStack, RNHostView } from "@expo-ui/swift-ui";
import { Pressable } from "react-native";

<Host matchContents>
  <VStack>
    <RNHostView matchContents>
      // Ici, `Pressable` est un composant RN, il est donc enveloppé dans `RNHostView`.
      <Pressable />
    </RNHostView>
  </VStack>
</Host>;

• Si un modifier ou une View requis manque dans Expo UI, celui-ci peut être étendu via un module Expo local. Voir : https://docs.expo.dev/guides/expo-ui-swift-ui/extending/index.md. Confirmez avec l'utilisateur avant d'étendre.