Comments (4)
You need to add "elevation={0}", it works for me:
<ActionSheet
drawUnderStatusBar={true}
defaultOverlayOpacity={0.3}
useBottomSafeAreaPadding={Platform.OS === 'ios'}
gestureEnabled={true}
indicatorStyle={styles.indicatorStyle}
containerStyle={styles.sheetContainer}
elevation={0}>
{children}
from react-native-actions-sheet.
it works in Ios, but not in an Android Platform
from react-native-actions-sheet.
@ammarahm-ed
facing somewhat similar issue.... in my case however, the overlay/backdrop did not cover the whole screen background.
any ideas...?
![Screenshot 2023-12-13 at 18 36 36](https://private-user-images.githubusercontent.com/6298342/290207789-0b138ba4-742c-494d-9845-a840d936e625.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTYyNzU4MjUsIm5iZiI6MTcxNjI3NTUyNSwicGF0aCI6Ii82Mjk4MzQyLzI5MDIwNzc4OS0wYjEzOGJhNC03NDJjLTQ5NGQtOTg0NS1hODQwZDkzNmU2MjUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDUyMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA1MjFUMDcxMjA1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YjAwOTk2MzMyOWYwMDkzMjhlZTNjYTMzYzdiYzBiYzdkOTlmYTYwMDAyZTdhNmJiMzA0MzNkNWY3MGIyYmRmYiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.52RP1AdptyXpArsf-uNKj5GuFq44V97sNDFQEjCXBEc)
![Screenshot 2023-12-13 at 18 42 22](https://private-user-images.githubusercontent.com/6298342/290208797-1c7abb79-b41d-4100-8104-3414a173e2fe.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTYyNzU4MjUsIm5iZiI6MTcxNjI3NTUyNSwicGF0aCI6Ii82Mjk4MzQyLzI5MDIwODc5Ny0xYzdhYmI3OS1iNDFkLTQxMDAtODEwNC0zNDE0YTE3M2UyZmUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDUyMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA1MjFUMDcxMjA1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjY1M2Y2ZGFiZDc4M2UxNTI5YmU0N2ViZWYwMzdmYzdiNGRlZGI0ZWEwZjBjNjgyN2MwZmU0M2MzOWEwYmE5MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.XnciOtuFUCEUxVoRiqsrvMbavrDhzy9BblEhq3K6B_s)
from react-native-actions-sheet.
I'm encountering the same issue on Android
from react-native-actions-sheet.
Related Issues (20)
- 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 2
- [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
- Position Tracking via useSheetRef in ActionSheet
- ScrollView crashes app HOT 3
- ScrollView from react-native-actions-sheet causes Jest to detect open handles
- Expo/Callstack Pager View does not display inside bottom sheet HOT 1
- Props.payload state updates DO NOT re-render bottom sheet. HOT 4
- Keyboard.Dismiss not working
- Action sheets not always displaying on top on iOS HOT 1
- pull to refresh is not working in FlatList
- TextInput crashes app
- BottomSafeAreaPadding HOT 2
- Keyboard handler causing full screen sheet to rapidly close and reopen, header scrolling behind dynamic island. HOT 7
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.