Skip to main content

🧱 UI Components (React Native)

The SDK provides two embedded views — <NutritionView /> and <TrainingView /> — and a typed Destination factory. Full RN guide: Navigation.

One-screen overview​

import {
    AzeooProvider, useAzeoo,
    NutritionView, TrainingView,
    Destination,
} from 'react-native-azeoo-lib';

function MyScreen() {
    const { sdk } = useAzeoo();

    return (
        <View>
            {/* Embed the nutrition surface */}
            <NutritionView bottomSafeArea={false} />

            {/* Navigate via typed destinations */}
            <Button title="Open plan" onPress={() => {
                sdk?.navigate(Destination.nutrition.plan('abc-123'));
            }} />
        </View>
    );
}