styles in actionsheet not effect in android
See original GitHub issueI’m trying to change style in actionsheet but it not effect at all
<ActionSheet
ref={o => this.ActionSheet = o}
options={options}
cancelButtonIndex={2}
onPress={(index) => { this._imagePick(index) }}
styles={{messageBox: { height: 60 },body:{backgroundColor:'red'}}}
/>
the backgroundcolor style stay white
Issue Analytics
- State:
- Created 5 years ago
- Comments:6
Top Results From Across the Web
Android equivalence of iOS ActionSheet - Stack Overflow
We use BottomSheetDialog to do the same work in Android. Not exactly the same and may require a bit more code to write...
Read more >Actionsheet's Android "ugly" styling.. need help - Ionic Forum
In the nightly, the actionsheet CSS has a platform specific update for android. It removes the cancel button (I'm ok with that) but...
Read more >Sheets: bottom - Material Design
Implementing bottom sheet theming · <style name="Theme.App" parent="Theme.MaterialComponents. · <item name="bottomSheetDialogTheme">@style/ThemeOverlay.App.
Read more >Action sheets - Presentation - Human Interface Guidelines
Use an action sheet — not an alert — to offer choices related to an ... button has an associated style that conveys...
Read more >Modal - the Draftbit Docs!
Here is an example when the value of Presentation Style is set to pageSheet on iOS preview mode: 1425. The same property has...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I faced the same issue but then i noticed that i was not importing the action sheet correctly. Make sure you import it like:
import {ActionSheetCustom as ActionSheet} from 'react-native-actionsheet';
Above worked for me.
actionsheet styles are working fine, you have to target right element of stylesheet. for example if you want to change background color target body
body: { backgroundColor: ‘#e5e5e5’ },
follow link mentioned by @rtrufin above to see which element to target while customising styles for action sheet