Comments (8)
have same problem too
from react-native-actions-sheet.
Not sure if you tried, but passing in snapPoints={[80]}
sets the height to 80%. This works on my end at least.
from react-native-actions-sheet.
@justinmwarner Thank you for the solution, my solution is set the style of ScrollView in ActionSheet with maxHeight: Platform.OS == 'ios' ? Dimensions.get('window').height * 0.3 : Dimensions.get('window').height * 0.4,
. But I do like your solution.
from react-native-actions-sheet.
https://rnas.vercel.app/guides/safearea
Isn't the drawUnderStatusbar={false} supposed to solve this problem? That prop does nothing for me it seems.
Version 0.8.21
from react-native-actions-sheet.
This will be fixed in #330
You can set the maxHeight
on containerStyle prop btw for now.
from react-native-actions-sheet.
Not sure if you tried, but passing in
snapPoints={[80]}
sets the height to 80%. This works on my end at least.
Read the op issue. It mentions using snap points and it does not fix the issue. Your test case I imagine does not have enough content in it to see the actual issue...
from react-native-actions-sheet.
Not sure if you tried, but passing in
snapPoints={[80]}
sets the height to 80%. This works on my end at least.Read the op issue. It mentions using snap points and it does not fix the issue. Your test case I imagine does not have enough content in it to see the actual issue...
You can't limit max height with snap points, you can however using maxHeight on containerStyle
to do it. Snap points are used to snap to a certain section of sheet, the sheet will always open to 100% of its actual height based on the content.
from react-native-actions-sheet.
Related Issues (20)
- Not working in release mode with new arch enabled (72.6) HOT 1
- [commonjs--resolver] Unexpected token => node_modules/react-native-actions-sheet/dist/src/index.js:785:12
- Uncaught TypeError: _a2.setNativeProps is not a function HOT 7
- Strange actions sheet behaviour on Android HOT 8
- Transparent background color HOT 4
- Bottomsheet goes out of the screen in landscape mode HOT 1
- Android does not overlap the navigation bar HOT 4
- Sheet Manager does not work in react-native version 0.73.1 HOT 5
- Cannot open action sheet again when using closable={false}
- [0.9.1] closing sheet with keyboard open, resizing screens HOT 1
- Action sheet does not show 100% of the screen size. HOT 1
- 🆘 An important issue on Release Build with react-native-reanimated HOT 2
- `snapPoints` in Sheet router
- [BUG] IOS Crashes When Using this package with Webview HOT 1
- Navigating to a modal screen from action sheet causes issues in iOS with React Native 0.73 HOT 1
- [BUG] undefined value appears in the console when property animation={false} of the ActionSheet
- Is something similar to react-native's Modal presentationStyle="pageSheet" supported? HOT 1
- WebView not working
- When accessibility is turned ON, allow to set the accessibilityLabel on backdrop
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-actions-sheet.