react-native-snackbar-context

KO | EN

gitlite — search

#react #typescript #llm #go #android #machine-learning #nodejs #macos #java #windows #awesome #pytorch #mcp #openai

react-native-snackbar-context

(★ 9)

Snackbar component for React Native

react-native-snackbar-context 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-snackbar-context

Snackbar component for React Native

## Installation

```sh
npm install react-native-snackbar-context --save
```
or

```sh
yarn add react-native-snackbar-context
```

## Usage

### SnackbarProvider

```tsx
import { SnackbarProvider } from "react-native-snackbar-context";

const App: React.FC = () => {
  return (
    <SnackbarProvider>
      /* Other Components */
    </SnackbarProvider>
  );
}

export default App;
```
#### SnackbarProvider Props

| Name         | Type   | Default                   |
|--------------|--------|---------------------------|
| spaces       | object | SnackbarSpaces            |
| colorPalette | object | SnackbarColors            |
| duration     | number | SnackbarDurations.REGULAR |

### useSnackbarContext

```tsx
import {
  useSnackbarContext,
  SnackbarMessageTypes,
  SnackbarDurations
} from "react-native-snackbar-context";

const Component: React.FC = () => {
  const { showMessage, hideMessage } = useSnackbarContext();

const handleShowMessage = React.useCallback(() => {
    showMessage({
      type: SnackbarMessageTypes.SUCCESS,
      message: 'React Native Snackbar Context',
      duration: SnackbarDurations.FAST,
      actions: [{ title: 'OK', onPress: hideMessage }],
    });
  }, [showMessage, hideMessage])
  
  return (
    <Button title={'Show Snackbar'} onPress={handleShowMessage} />
  );
}

export default Component;
```
#### showMessage

| Name     | Type                                           | Default                   |
|----------|------------------------------------------------|---------------------------|
| message*  | string                                         | -                         |
| type     | success \| info \| warning \| error \| default | default                   |
| duration | number                                         | SnackbarDurations.REGULAR |
| actions  | object[]                                       | -                         |

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

react-native-snackbar-context

react-native-snackbar-context 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-native-snackbar-context

react-native-snackbar-context 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README