Tcomb-form-native: Styling doesn't work

[BogdanHossu]

Version

• tcomb-form-native v0.6.1
• react-native v0.32.0

I have set borderRadius to my field but doesn't wants to change, also added a background color but that one works. Do somebody knows what can be the issue?

textbox: {
    normal: {
      color: INPUT_COLOR,
      fontSize: FONT_SIZE,
      height: 36,
      padding: 7,
      borderRadius: 4,
      borderColor: BORDER_COLOR,
      borderWidth: 1,
      marginBottom: 5,
      backgroundColor: 'white'
    }

[wasa4587]

Documentation is bad, you need to pass all stylesheets

This worked for me

import bootstrap from 'tcomb-form-native/lib/stylesheets/bootstrap.js';
var options = {
  stylesheet : bootstrap
}
override the specific stylesheet
options.stylesheet.textbox.normal = {
  color: '#fff',
  height: 36,
  padding: 7,
  borderRadius: 4,
  borderWidth: 0,
  marginBottom: 5
};

[vanng822]

@wasa4587 This still not solve the problem I am facing. My problem is that I have many input fields which I want different height for each. Look like no way to do this? Isn't it better to also pass style per field name.

[alvaromb]

@vanng822 you can pass the stylesheet option per field:

options: {
  fields: {
    myField: {
      stylesheet: myStylesheet,
    }
  }
}

[vanng822]

Oh, thank you @alvaromb

[alvaromb]

@BogdanHossu I don't exactly get what's your issue, can you elaborate?

[alvaromb]

Closing, please ping me @BogdanHossu if you're still experiencing problems when styling your forms.