Modifying the value of a TextInput from its style (as we can do with the placeholder)
up vote
0
down vote
favorite
I'm new to React-Native
I use the tcomb-form-native module in order to create forms quickly :
const FormConnex = t.struct({
'email': t.String,
'password' : t.String,
});
...
render() {
return(
<KeyboardAwareScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
<Form ref={c => this._connex = c} type={FormConnex} options={optionsFormConnex} />{}
<Form ref={c => this._perso = c} type={FormPerso} options={optionsFormPerso} />{}
<Form ref={c => this._birthdate = c} type={FormBirthdate} options={optionsFormBirthdate} />{}
<Form ref={c => this._address = c} type={FormAddr} options={optionsFormAddr} />{}
<Form ref={c => this._role = c} type={FormRole} />{}
<Button title={'Créer un compte'} onPress={this.handleSubmit}/>
</KeyboardAwareScrollView>
);
}
...
And this is the way I set the properties of af field contained in a Form (for ex.optionsFormConnex) :
const optionsFormConnex = {
auto: 'placeholders',
label: 'Informations de connexion',
fields: {
email: {
keyboardType: 'email-address',
placeholder: 'E-mail',
},
password: {
password: true,
secureTextEntry: true,
placeholder: 'Mot de passe',
},
},
};
As you can see, it's easy to define the placeholder, but I don't know how to define the (default) value. I want all the fields to have a default value so I can test my fields faster.
The problem with this module, it's that it seems that I can't access the TextInput components, or I don't know how to do it.
With this module, how would you add a default value to a filed ?
**
EDIT :
**
I found the answer here : How to add a value to an inputText in tcomb-form-native?
react-native tcomb-form-native
add a comment |
up vote
0
down vote
favorite
I'm new to React-Native
I use the tcomb-form-native module in order to create forms quickly :
const FormConnex = t.struct({
'email': t.String,
'password' : t.String,
});
...
render() {
return(
<KeyboardAwareScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
<Form ref={c => this._connex = c} type={FormConnex} options={optionsFormConnex} />{}
<Form ref={c => this._perso = c} type={FormPerso} options={optionsFormPerso} />{}
<Form ref={c => this._birthdate = c} type={FormBirthdate} options={optionsFormBirthdate} />{}
<Form ref={c => this._address = c} type={FormAddr} options={optionsFormAddr} />{}
<Form ref={c => this._role = c} type={FormRole} />{}
<Button title={'Créer un compte'} onPress={this.handleSubmit}/>
</KeyboardAwareScrollView>
);
}
...
And this is the way I set the properties of af field contained in a Form (for ex.optionsFormConnex) :
const optionsFormConnex = {
auto: 'placeholders',
label: 'Informations de connexion',
fields: {
email: {
keyboardType: 'email-address',
placeholder: 'E-mail',
},
password: {
password: true,
secureTextEntry: true,
placeholder: 'Mot de passe',
},
},
};
As you can see, it's easy to define the placeholder, but I don't know how to define the (default) value. I want all the fields to have a default value so I can test my fields faster.
The problem with this module, it's that it seems that I can't access the TextInput components, or I don't know how to do it.
With this module, how would you add a default value to a filed ?
**
EDIT :
**
I found the answer here : How to add a value to an inputText in tcomb-form-native?
react-native tcomb-form-native
According to the documentation you should be able to set a value property for each of the fields: github.com/gcanti/….
– Phobos
Nov 19 at 19:48
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm new to React-Native
I use the tcomb-form-native module in order to create forms quickly :
const FormConnex = t.struct({
'email': t.String,
'password' : t.String,
});
...
render() {
return(
<KeyboardAwareScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
<Form ref={c => this._connex = c} type={FormConnex} options={optionsFormConnex} />{}
<Form ref={c => this._perso = c} type={FormPerso} options={optionsFormPerso} />{}
<Form ref={c => this._birthdate = c} type={FormBirthdate} options={optionsFormBirthdate} />{}
<Form ref={c => this._address = c} type={FormAddr} options={optionsFormAddr} />{}
<Form ref={c => this._role = c} type={FormRole} />{}
<Button title={'Créer un compte'} onPress={this.handleSubmit}/>
</KeyboardAwareScrollView>
);
}
...
And this is the way I set the properties of af field contained in a Form (for ex.optionsFormConnex) :
const optionsFormConnex = {
auto: 'placeholders',
label: 'Informations de connexion',
fields: {
email: {
keyboardType: 'email-address',
placeholder: 'E-mail',
},
password: {
password: true,
secureTextEntry: true,
placeholder: 'Mot de passe',
},
},
};
As you can see, it's easy to define the placeholder, but I don't know how to define the (default) value. I want all the fields to have a default value so I can test my fields faster.
The problem with this module, it's that it seems that I can't access the TextInput components, or I don't know how to do it.
With this module, how would you add a default value to a filed ?
**
EDIT :
**
I found the answer here : How to add a value to an inputText in tcomb-form-native?
react-native tcomb-form-native
I'm new to React-Native
I use the tcomb-form-native module in order to create forms quickly :
const FormConnex = t.struct({
'email': t.String,
'password' : t.String,
});
...
render() {
return(
<KeyboardAwareScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
<Form ref={c => this._connex = c} type={FormConnex} options={optionsFormConnex} />{}
<Form ref={c => this._perso = c} type={FormPerso} options={optionsFormPerso} />{}
<Form ref={c => this._birthdate = c} type={FormBirthdate} options={optionsFormBirthdate} />{}
<Form ref={c => this._address = c} type={FormAddr} options={optionsFormAddr} />{}
<Form ref={c => this._role = c} type={FormRole} />{}
<Button title={'Créer un compte'} onPress={this.handleSubmit}/>
</KeyboardAwareScrollView>
);
}
...
And this is the way I set the properties of af field contained in a Form (for ex.optionsFormConnex) :
const optionsFormConnex = {
auto: 'placeholders',
label: 'Informations de connexion',
fields: {
email: {
keyboardType: 'email-address',
placeholder: 'E-mail',
},
password: {
password: true,
secureTextEntry: true,
placeholder: 'Mot de passe',
},
},
};
As you can see, it's easy to define the placeholder, but I don't know how to define the (default) value. I want all the fields to have a default value so I can test my fields faster.
The problem with this module, it's that it seems that I can't access the TextInput components, or I don't know how to do it.
With this module, how would you add a default value to a filed ?
**
EDIT :
**
I found the answer here : How to add a value to an inputText in tcomb-form-native?
react-native tcomb-form-native
react-native tcomb-form-native
edited Nov 19 at 22:48
asked Nov 19 at 19:08
davalres
43
43
According to the documentation you should be able to set a value property for each of the fields: github.com/gcanti/….
– Phobos
Nov 19 at 19:48
add a comment |
According to the documentation you should be able to set a value property for each of the fields: github.com/gcanti/….
– Phobos
Nov 19 at 19:48
According to the documentation you should be able to set a value property for each of the fields: github.com/gcanti/….
– Phobos
Nov 19 at 19:48
According to the documentation you should be able to set a value property for each of the fields: github.com/gcanti/….
– Phobos
Nov 19 at 19:48
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53381107%2fmodifying-the-value-of-a-textinput-from-its-style-as-we-can-do-with-the-placeho%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
According to the documentation you should be able to set a value property for each of the fields: github.com/gcanti/….
– Phobos
Nov 19 at 19:48