### Install Dependencies

Source: https://github.com/mahdidavoodi7/bottom-sheet-stepper/blob/main/example/README.md

Installs all necessary project dependencies using npm.

```bash
npm install
```

--------------------------------

### Start Development Server

Source: https://github.com/mahdidavoodi7/bottom-sheet-stepper/blob/main/example/README.md

Starts the Expo development server, allowing you to preview the app on various platforms.

```bash
npx expo start
```

--------------------------------

### Installation

Source: https://github.com/mahdidavoodi7/bottom-sheet-stepper/blob/main/README.md

Installs the bottom-sheet-stepper package and its peer dependencies for React Native projects.

```bash
npm install bottom-sheet-stepper
# or
yarn add bottom-sheet-stepper

npm install react-native-reanimated react-native-gesture-handler @gorhom/bottom-sheet
```

--------------------------------

### Basic Usage Example

Source: https://github.com/mahdidavoodi7/bottom-sheet-stepper/blob/main/README.md

Demonstrates how to use the BottomSheetStepper component, including defining steps and controlling its presentation programmatically.

```tsx
import React, { useRef } from "react";
import BottomSheetStepper, {
  BottomSheetStepperRef,
  StepComponentProps,
} from "bottom-sheet-stepper";

const Step1 = ({ onNextPress }: StepComponentProps) => (
  <View>
    <Text>Step 1</Text>
    <Button title="Next" onPress={onNextPress} />
  </View>
);

const Step2 = ({ onBackPress, onEnd }: StepComponentProps) => (
  <View>
    <Text>Step 2</Text>
    <Button title="Back" onPress={onBackPress} />
    <Button title="Finish" onPress={onEnd} />
  </View>
);

const App = () => {
  const stepperRef = useRef<BottomSheetStepperRef>(null);

  return (
    <>
      <Button
        title="Open Stepper"
        onPress={() => stepperRef.current?.present()}
      />

      <BottomSheetStepper ref={stepperRef} steps={[Step1, Step2]} />
    </>
  );
};

```

--------------------------------

### App Provider Setup

Source: https://github.com/mahdidavoodi7/bottom-sheet-stepper/blob/main/README.md

Configures the necessary providers for Gesture Handler and Bottom Sheet Modal to enable the stepper component's functionality.

```tsx
import { GestureHandlerRootView } from "react-native-gesture-handler";
import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";

<GestureHandlerRootView style={{ flex: 1 }}>
  <BottomSheetModalProvider>
    <App />
  </BottomSheetModalProvider>
</GestureHandlerRootView>;
```

--------------------------------

### Reset Project

Source: https://github.com/mahdidavoodi7/bottom-sheet-stepper/blob/main/example/README.md

Resets the project by moving the starter code to 'app-example' and creating a blank 'app' directory for new development.

```bash
npm run reset-project
```

--------------------------------

### Imperative API Control

Source: https://github.com/mahdidavoodi7/bottom-sheet-stepper/blob/main/README.md

Shows how to control the BottomSheetStepper component's presentation and dismissal using a ref.

```ts
const ref = useRef<BottomSheetStepperRef>(null);

ref.current?.present();
ref.current?.dismiss();
```

--------------------------------

### BottomSheetStepper Props

Source: https://github.com/mahdidavoodi7/bottom-sheet-stepper/blob/main/README.md

Defines the configurable properties for the BottomSheetStepper component, including steps, styling, and gesture controls.

```APIDOC
Props:

- `steps`: `((props: StepComponentProps) => React.ReactNode)[]`
  Description: Array of step render functions.

- `style`: `StyleProp<ViewStyle>`
  Description: Optional style applied to step container.

- `bottomInset`: `number`
  Description: Padding at bottom of the sheet (default: 20).

- `horizontalInset`: `number`
  Description: Horizontal margin of the sheet (default: 24).

- `disablePanDownToClose`: `boolean`
  Description: Disabling the pan to close gesture.

- `disableBackDropPressToClose`: `boolean`
  Description: Disabling the background press closing the modal.
```

--------------------------------

### Step Component Props Type

Source: https://github.com/mahdidavoodi7/bottom-sheet-stepper/blob/main/README.md

Defines the props passed to each individual step component within the BottomSheetStepper.

```ts
type StepComponentProps = {
  onNextPress: () => void;
  onBackPress: () => void;
  onEnd?: () => void;
};
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.