Comments (7)
Hi @vikrantnegi
That's weird thing... are you using message
or title
attribute in your showMessage
call?
Could you swap to see if it gets better? Ex: if you are using:
showMessage({
title: "Simple message",
type: "info",
});
Change to:
showMessage({
message: "Simple message",
type: "info",
});
And vice-versa.
from react-native-flash-message.
Hi,
I'm using this
showMessage({
message: error,
});
and when I try to use title
I get a warning and no text gets rendered in the message.
Warning: Failed prop type: The prop `message.message` is marked as required in `DefaultFlash`, but its value is `undefined`.
Even I try to use the normal flash messages without floating there still seems to be the spacing issue.
from react-native-flash-message.
Ok @vikrantnegi
I've made a simple test with Expo, you could look here: https://snack.expo.io/Sygi5skDH
If you test using the on-line android device we can't detect any "extra" spacing:
So I guess that you are facing some "special issue" that's only happens in your setup. What version of Android are you using? Are you testing in device or just in emulator?
from react-native-flash-message.
@lucasferreira Weird. I just made a fresh react-native CLI project.
Can you clone the below repo and try running it on the Android Emulator?
Issue Reproduction Repo - https://github.com/vikrantnegi/FlashMessageDemo
Android Emulator Specifications -
Edit - Happens on my Android device as well
from react-native-flash-message.
Hi @vikrantnegi
I see it now that you are using the "floating" mode. So knowing this I'm able to reproduce your issue and you are totally right there are a extra spacing inside bottom of flash message in floating mode.
I will fix that ASAP and warn you to test the new fixed version.
from react-native-flash-message.
I just published a new version of this lib in NPM, the version is 0.1.14
that fix you issue.
Can you upgrade in your project and test again?
from react-native-flash-message.
@lucasferreira Thank you so much. The issue seems to be resolved. You can close this issue.
from react-native-flash-message.
Related Issues (20)
- Does not render only on IOS HOT 3
- Not support iPhone 14 HOT 11
- Does not run on a CASIO Handheld running Android 8 HOT 4
- Show Toast Message always appears behind the modal in iOS when it is open using react-navigation 6.x HOT 13
- Flash message not shown on Android 9 (Sony Xperia Z1) HOT 5
- Invalid prop `icon` supplied to `FlashMessage`, expected one of type [string, object]. HOT 1
- Android cutoff HOT 5
- Warning: Failed prop type: The prop `message.message` is marked as required in `ForwardRef`, but its value is `undefined`.
- MessageOptions and MessageComponentProps interfaces are incorrect HOT 2
- How to test this component with RNTL? HOT 6
- Updating icon props to allow JSX.Element callback HOT 5
- custom icon not working
- Không thể xoá paddingTop HOT 1
- Try it out not working - Error on Snack
- FEATURE REQUEST: Persistent FlashMessage HOT 4
- Message disappers quickly in iOS
- onPress not triggered with TouchableWithoutFeedback - Pressable works
- Unable to show custom icon in the toast HOT 1
- closing a modal window by moving up
- Support for dynamic island on iOS? HOT 1
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-flash-message.