Nativebase: Button Icon/Text left aligned?

Created on 10 Sep 2017  Â·  4Comments  Â·  Source: GeekyAnts/NativeBase

  • How would I go about aligning the button text and icon to the left in each button?
  • Is it possible to add colored images instead of the icon?

From Sketch:
screen shot 2017-09-10 at 12 12 27 am

My code:

<Button
  block
  rounded
  iconLeft
  style={{ height: 53, marginBottom: 10 }}
>
  <Icon name="logo-google" />
  <Text>Continue with Google</Text>
</Button>

screen shot 2017-09-10 at 12 15 26 am

Most helpful comment

@appjitsu Apply style rule justifyContent: "flex-start" to the Button.

All 4 comments

@appjitsu Apply style rule justifyContent: "flex-start" to the Button.

Ah ok. Thanks. What do you recommend for the full images next to the text instead of using icons?

~ Jason

On Sep 11, 2017, at 1:13 AM, Shivraj notifications@github.com wrote:

@appjitsu Apply style rule justifyContent: "flex-start" to the Button.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub, or mute the thread.

@appjitsu You can use Image itself there

@shivrajkumar Thanks!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

natashache picture natashache  Â·  3Comments

Bundas picture Bundas  Â·  3Comments

bsiddiqui picture bsiddiqui  Â·  3Comments

Landerson352 picture Landerson352  Â·  3Comments

Cotel picture Cotel  Â·  3Comments