-
Notifications
You must be signed in to change notification settings - Fork 25
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
border radius doesn't work #2
Comments
Hm... As a temporary workaround I can suggest to wrap <View style={{
borderWidth: 2,
borderColor: 'green',
borderBottomLeftRadius: 7
}}>
<Image source={{uri}} />
</View> |
@vovkasm Thanks for replying me but I am using your library for Android. Tried your solution but still it doesn't work. Image always have the square edges. please let me know if there is any workaround for android WebImage borderTopLeftRadius and borderBottomLeftRadius |
Thanks for your quick response. Will wait for your fix and meanwhile will try to find a workaround because this is very very important for my project. |
I have partial implementation to test. It is in fix-border-radius branch.
You can test it and use until full functional will be ready. To test: git checkout fix-border-radius
npm start-sample
npm run-sample-android If it works, you can setup you project to use this branch until stable version will be released. |
You're Awesome! I tried the sample and it works :) will integrate with my project. I appreciate your help. |
@praneethalla93 Can you please test the latest state of the fix-border-radius branch? If it does what you want, I will implement the same logic for iOS and after other small improvements will make release. What was done:
|
@vovkasm I took the latest fix-border-radius and tested it. It works perfect and solved my problem, Thanks |
@vovkasm Hey do you have any plans to merge this branch to master? Right now I am referring to this branch but just wanted to know if you will make all these changes to master so that I can point to master branch from my code. |
Yes I do have plans to have this feature in master but implementation will be different.
But it seems to be impossible to satisfy all targets at once. The current plan is to finish all remaining tasks (it may take a week or two) and make new release. JS interface will be the same. |
Thanks for the info @vovkasm |
Sorry for long silence. @praneethalla93 and anyone interested in borders support, can you please test branch exp/android-borders It is ready to merge into master now. Supported style props:
Not tested/implemented in this iteration:
If this branch works, I will merge it to master and implement the same for iOS and release this. |
Yeah I am currently using this branch for borderRadius, borderWidth and it works. You can merge it master. |
Just merged Android part to master, but lets keep issue open until iOS will be implemented. |
Thank you! |
It's already been fixed? |
Sorry still not. On android it should work, but on iOS still not implemented. |
I am trying to set border radius for WebImage but it is not working. It works for a regular Image element. Below is how I am setting the border radius. Can anyone please help me to set the border radius.
{ console.log('WebImage onError handler: ', e) }}/> cardThumbnailContainer: { overflow:'hidden', margin:0, borderTopLeftRadius:7, borderBottomLeftRadius:7, backgroundColor: '$light.background', height:"$imageHeight" }, cardThumbnail: { width:"$imageWidth", borderTopLeftRadius:7, borderBottomLeftRadius:7, padding:0, margin:0, height:"$imageHeight" },The text was updated successfully, but these errors were encountered: