Comments (13)
got same error. its work on ios, but backgroundColor doesnt work on TextInput android.
<TextInput
backgroundColor={'red'}
onChangeText={onChangeText}
value={inputText}
/>
from react-native-textinput-effects.
get the same issue
from react-native-textinput-effects.
try this One, the Hoshi in the Example page works for me
<View style={[styles.card1, { backgroundColor: '#F9F7F6' }]}>
<Text style={styles.title}>Hoshi</Text>
<Hoshi
label={'Town'}
borderColor={'#b76c94'}
maskColor={'#F9F7F6'}
/>
<Hoshi
style={styles.input}
label={'Street'}
maskColor={'#F9F7F6'}
borderColor={'#7ac1ba'}
/>
</View>
from react-native-textinput-effects.
The example doesn't use the backgroundColor prop though. Agreed removing the backgroundColor prop is a workaround.
from react-native-textinput-effects.
Sorry for answering so late @ChristiaanHaas.
I just tried this on the example project and it worked well:
<Hoshi
style={{ backgroundColor: '
maskColor={'red'}
label={'Town'}
borderColor={'#b76c94'}
/>
Which react native version are you using? I recently upgraded the example project to react native 0.44, and that probably helped fixing this.
from react-native-textinput-effects.
Closing for inactivity.
from react-native-textinput-effects.
@halilb I've just come across this issue in
"react-native": "^0.49.5",
"react-native-textinput-effects": "^0.4.2",
I think the issue is that the README.md uses backgroundColor
as an attribute (not a style value, an attribute) for the Hoshi example - it might need updating? The example page looks fine, it's just the README that has an incorrect example
Great library though, saved me a bunch of time, and the elements all look fantastic!
from react-native-textinput-effects.
Thanks for the info @Oblongmana.
I'll test again using backgroungColor
prop.
from react-native-textinput-effects.
same issue
from react-native-textinput-effects.
I also have the same issue
from react-native-textinput-effects.
Updating my Target SDK version to version 27 seems to fix the issue.
See this: facebook/react-native#13984
from react-native-textinput-effects.
Hello Guys,
I am also struggling with this...any update?
Thanks
from react-native-textinput-effects.
For 'TextInput' in style try after removing backgroundColor, color, if passed.
@sinay18
textInputStyle: {
...
backgroundColor: '#FFFFF', // remove this
color: 'black' . //remove this
}
from react-native-textinput-effects.
Related Issues (20)
- Issue Rendering the Sae Input Component HOT 3
- Text overflow on Android HOT 1
- Cannot Mask Input with react-native-masked-text HOT 1
- Hoshi has a small area on the top left that is colored white instead of the color used for the textinput HOT 1
- componentWillReceiveProps is not secure anymore HOT 3
- It changes the default keyboard language HOT 2
- How can I change the text alignment for the Akira input? HOT 1
- ExceptionsManager.js:126 Warning: Failed prop type: The prop `iconClass` is marked as required in `Sae`, but its value is `undefined`. HOT 1
- Make input type password HOT 1
- Text Inputs with border radius. HOT 1
- Unable to move lable container HOT 1
- How Would I add Type Password here? HOT 2
- unable to change font family HOT 3
- Hoshi label color to change on Focus? HOT 1
- Prop 'selectTextOnFocus' doesn't work on iOS
- Use with multiline
- how to include righticon
- Sae Label Font Size HOT 1
- How to remove any border in input?
- How I can set the height and keep label center
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-textinput-effects.