Skip to content
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

Adjust Button Styling? #20

Closed
Zukye opened this issue Jul 23, 2018 · 3 comments
Closed

Adjust Button Styling? #20

Zukye opened this issue Jul 23, 2018 · 3 comments

Comments

@Zukye
Copy link

Zukye commented Jul 23, 2018

Hi there,
I created a toggle which looks a bit odd in one of the states.
When state is 0, it looks just fine, but in state 1 the margin to the border is not kept.
grafik

This is my code:

      <Container style={{height: 40, maxWidth: 120}}>
        <SwitchSelector
          initial={index}
          onPress={value => this.onToggle(value)}
          backgroundColor={"transparent"}
          textColor={colors.white}
          selectedColor={colors.secondary3}
          buttonColor={colors.secondary1}
          borderColor={colors.secondary1}
          hasPadding
          valuePadding={1}
          options={[
            {value: false, customIcon: iconUnlocked},
            {value: true, customIcon: iconLocked}
          ]}/>
      </Container>

The issue also appears whitout the container component around it. Any ideas how to fix this or how this is caused?

@just0110
Copy link

Have same issue. Any solutions?

@nhuesmann
Copy link

I too have this issue. Any word on a fix?

@jkdrangel
Copy link
Contributor

jkdrangel commented Feb 26, 2019

1.1.12

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants