在本机反应中使用 tcomb 形式本机
using tcomb form native in react native
我正在使用 tcomb
在 react-native
中构建表单,我表单中的一个字段是 birthDate: t.maybe(t.Date)
,但它似乎没有样式
const formRegistration = t.struct({
// other fields
birthDate: t.maybe(t.Date)
});
我还在 options
下添加了 config
:
const options = {
fields : {
birthDate: {
label: 'Birth Date',
mode: 'date',
config: {
format: (date) => myFormatFunction('DD MM YYYY', date),
dialogMode: 'spinner'
}
}
}
}
};
看着这个:https://github.com/gcanti/tcomb-form-native/blob/master/lib/stylesheets/bootstrap.js
日期的样式位于 dateValue
的第 196 行
这就是我根据需要设计的样式:
const Form = t.form.Form;
Form.stylesheet.dateValue.normal.borderColor = '#d0d2d3';
Form.stylesheet.dateValue.normal.backgroundColor = '#f0f1f1';
Form.stylesheet.dateValue.normal.borderWidth = 1;
您按照相同的方式为 tcomb 中的其他关键部分设置样式(例如:标签:Form.stylesheet.controlLabel.normal.fontSize = 14;
)
我正在使用 tcomb
在 react-native
中构建表单,我表单中的一个字段是 birthDate: t.maybe(t.Date)
,但它似乎没有样式
const formRegistration = t.struct({
// other fields
birthDate: t.maybe(t.Date)
});
我还在 options
下添加了 config
:
const options = {
fields : {
birthDate: {
label: 'Birth Date',
mode: 'date',
config: {
format: (date) => myFormatFunction('DD MM YYYY', date),
dialogMode: 'spinner'
}
}
}
}
};
看着这个:https://github.com/gcanti/tcomb-form-native/blob/master/lib/stylesheets/bootstrap.js
日期的样式位于 dateValue
的第 196 行
这就是我根据需要设计的样式:
const Form = t.form.Form;
Form.stylesheet.dateValue.normal.borderColor = '#d0d2d3';
Form.stylesheet.dateValue.normal.backgroundColor = '#f0f1f1';
Form.stylesheet.dateValue.normal.borderWidth = 1;
您按照相同的方式为 tcomb 中的其他关键部分设置样式(例如:标签:Form.stylesheet.controlLabel.normal.fontSize = 14;
)