Function AddPostScreen

src/features/feed/add-post-screen.tsx:22–105

()

});

export function AddPostScreen() {
  const { mutate: addPost, isPending } = useAddPost();

  const form = useForm({
    defaultValues: {
      title: '',
      body: '',
    },

    validators: {
      onChange: schema as any,
    },
    onSubmit: ({ value }) => {
      console.log(value);
      addPost(
        { ...value, userId: 1 },
        {
          onSuccess: () => {
            showMessage({
              message: 'Post added successfully',
              type: 'success',
            });
            // here you can navigate to the post list and refresh the list data
            // queryClient.invalidateQueries(usePosts.getKey());
          },
          onError: () => {
            showErrorMessage('Error adding post');
          },
        },
      );
    },
  });

  return (
    <>
      <Stack.Screen
        options={{
          title: 'Add Post',
          headerBackTitle: 'Feed',
        }}
      />
      <View className="flex-1 p-4">
        <form.Field
          name="title"
          children={field => (
            <Input
              label="Title"
              testID="title"
              value={field.state.value}
              onBlur={field.handleBlur}
              onChangeText={field.handleChange}
              error={getFieldError(field)}
            />
          )}
        />
        <form.Field
          name="body"
          children={field => (