import { Text } from 'react-native';
import { NuomiNative, useConnect } from 'nuomi-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function HomeLayout() {
  const [{ count }, dispatch] = useConnect();

  const onPress = () => {
    dispatch('@update', {
      count: count + 1,
    });
  };

  return <Text onPress={onPress}>{count}</Text>;
}

function Home() {
  return (
    <NuomiNative state={{ count: 0 }}>
      <HomeLayout />
    </NuomiNative>
  )
}

function Profile() {
  return <Text>Profile</Text>
}

function App() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Home" component={Home} />
      <Stack.Screen name="Profile" component={Profile} />
    </Stack.Navigator>
  );
}