search

halilb / react-native-textinput-effects

Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.
MIT License
2.98k stars 291 forks source link

Text Inputs with border radius. #117

Closed rohitpotato closed 4 years ago

rohitpotato commented 4 years ago

After examining the code, it is safe to say that border-radius is not applied to any of the components. Anyway to achieve this?

halilb commented 4 years ago

It is possible for some of the inputs actually by passing it through style prop. It worked for Fumi:

        <Fumi
          style={{
            borderRadius: 8,
          }}
          label={"Course Name"}
          labelStyle={{ color: "#a3a3a3" }}
          inputStyle={{ color: "#f95a25" }}
          iconClass={FontAwesomeIcon}
          iconName={"university"}
          iconColor={"#f95a25"}
          iconSize={15}
        />
Screen Shot 2020-04-26 at 22 04 44

I believe some other inputs doesn't support it as you said. The best option would be fork the repo and make custom changes on them. Please let me know if you need any assistance on that.