Close Screen

---

1. Close screen (closeView)

This function closes the current screen. You can use it to exit the service by pressing the "Close" button.

Signature

function closeView(): Promise<void>;

Example

import { Button } from 'react-native';
import { closeView } from '@granite-js/react-native';

function CloseButton() {
  return <Button title="Close" onPress={closeView} />;
}

---

2. Set up iOS swipe back (setIosSwipeGestureEnabled)

Enables or disables the swipe-back gesture on iOS.

Signature

function setIosSwipeGestureEnabled(options: { isEnabled: boolean }): Promise<void>;

Parameters

• options.isEnabled · Required · boolean

  trueWhen true, you can go back by swiping, falseWhen false, swipe-back is disabled.

Example

import { setIosSwipeGestureEnabled } from '@apps-in-toss/framework';
import { Button } from 'react-native';

function Page() {
  return (
    <>
      <Button title="Turn swipe off" onPress={() => setIosSwipeGestureEnabled({ isEnabled: false })} />
      <Button title="Turn swipe on" onPress={() => setIosSwipeGestureEnabled({ isEnabled: true })} />
    </>
  );
}

---

3. Control back events (useBackEvent)

This is a Hook that lets you register and remove back events. You can handle back events only while a specific component is active.

Signature

function useBackEvent(): BackEventControls;

Return value

• BackEventControls

  An object that controls back events. addEventListenerto register an event, removeEventListenerto remove it.

Please note

This Hook must be used inside BackEventProvider If you don't, an error will occur.

Example

import { useEffect, useState } from 'react';
import { Alert, Button, View } from 'react-native';
import { useBackEvent } from '@granite-js/react-native';

function UseBackEventExample() {
  const backEvent = useBackEvent();
  const [handler, setHandler] = useState<{ callback: () => void } | undefined>(undefined);

  useEffect(() => {
    const callback = handler?.callback;
    if (callback != null) {
      backEvent.addEventListener(callback);
      return () => {
        backEvent.removeEventListener(callback);
      };
    }
  }, [backEvent, handler]);

  return (
    <View>
      <Button title="Register back event" onPress={() => setHandler({ callback: () => Alert.alert('back') })} />
      <Button title="Remove back event" onPress={() => setHandler(undefined)} />
    </View>
  );
}