Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@th3rdwave/react-navigation-bottom-sheet
Advanced tools
Readme
Bottom sheet navigator for React Navigation.
Integrates @gorhom/bottom-sheet with React Navigation.
yarn add @th3rdwave/react-navigation-bottom-sheet @react-navigation/native @gorhom/bottom-sheet
If you don't have those already, you will also need to install the @gorhom/bottom-sheet dependencies react-native-reanimated and react-native-gesture-handler.
import { createBottomSheetNavigator } from "@th3rdwave/react-navigation-bottom-sheet";
// ...
const BottomSheet = createBottomSheetNavigator();
<BottomSheet.Navigator
// Default options
screenOptions={{ snapPoints: ["60%", "90%"] }}
>
{/* The first screen should be your app content */}
<BottomSheet.Screen name="app" component={MyApp} />
<BottomSheet.Screen name="firstSheet" component={FirstSheetComponent} />
<BottomSheet.Screen
name="secondSheet"
component={SecondSheetComponent}
// Can pass any prop from @gorhom/bottom-sheet's BottomSheetModal
options={{ snapPoints: [200, "100%"], index: 1 }}
/>
</BottomSheet.Navigator>;
// ...
// Open like any regular react-navigation screen.
navigation.navigate("firstSheet", { id: 1 });
See the example app for full usage details.
snapPoints
Array<string | number>
Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number and string.
Defaults to ['66%']
.
Most props from BottomSheetModal
are exposed as navigation options. See the @gorhom/bottom-sheet website for full documentation.
Navigation helpers are available on the navigation
object.
snapTo
(index: number) => void
Snaps the current sheet to index
.
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT
FAQs
Bottom sheet component for React Navigation
The npm package @th3rdwave/react-navigation-bottom-sheet receives a total of 3,462 weekly downloads. As such, @th3rdwave/react-navigation-bottom-sheet popularity was classified as popular.
We found that @th3rdwave/react-navigation-bottom-sheet demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.