Applying custom font on label does not work

Am I missing something? I’m trying to change the font family for my textfield labels.

Version

• tcomb-form-native v0.6.4
• react-native v0.41.2

Expected behaviour

Should be able to set custom fontFamily style on controlLabel

Actual behaviour

The font does not change for controlLabel. I can change it for textbox without problems.

Steps to reproduce

var t = require('tcomb-form-native')

// Label
t.form.Form.stylesheet.controlLabel.normal
  .color = 'red' // This does apply!
t.form.Form.stylesheet.controlLabel.normal
  .fontFamily = 'Oswald-Regular' // This does NOT apply!

// Textbox
t.form.Form.stylesheet.textbox.normal
  .fontFamily = 'Oswald-Regular' // This does apply!

My form look like this:

const t = require('tcomb-form-native')
let Form = t.form.Form

let LoginFormModel = t.struct({
  user: t.String
})

let LoginFormOptions = {
  fields: {
    user: {
      label: 'Email address'
    }
  }
}

renderForm() {
    return(
      <Form ref='loginForm'
        type={LoginFormModel}
        value={this.state.formValue}
        options={LoginFormOptions}
        onChange={(value) => this.onFormChange(value)}
      />
    )
  }

[pentarex]

In order to take the weight of the font itself. For example i am using Montserrat and this font have different types like Monteserrat-Regular or UltraLight, the way i managed it to make it work was to set the fontWeight to undefined

stylesheet.controlLabel.normal.fontWeight = undefined;
stylesheet.controlLabel.error.fontWeight = undefined;

[naywin-programmer]

That is working for me. Firstly, you need to install custom font in your react native project.

const formStyles = { …Form.stylesheet, formGroup: { normal: { marginBottom: 10, }, }, controlLabel: { normal: { color: ‘#f88800’, fontSize: 18, marginBottom: 7, fontWeight: ‘600’, fontFamily: ‘Zawgyi-One’ }, // the style applied when a validation error occours error: { color: ‘red’, fontSize: 18, marginBottom: 7, fontWeight: ‘600’, fontFamily: ‘Zawgyi-One’ } } }