label Of Form not shown? about react-native-form-generator HOT 10 CLOSED

Yes, from 0.9 to give more flexibility i removed the standard Separator that was inside Form.
Just add a Separator inside your form and pass the text to the label prop.

Thank you for using my library

from react-native-form-generator.

Actually, You've done a great work!! I should thank you to save my time.
and another problem is if I use the KeyboardAwareScrollView,
the Simulator will shows me an error:

Am I doing anything wrong?
and code is just:

import React, { Component } from 'react';

import {
    View,
    Text,
    ScrollView
} from 'react-native';

import {
    Form,
    Separator,
    InputField,
    KeyboardAwareScrollView
} from "react-native-form-generator";

class ShirtOrder extends Component {

    state={
        formData: {}
    }

    render(){
        return (
            <KeyboardAwareScrollView
                ref="scroll"
            >

            </KeyboardAwareScrollView>
        );
    }
}
export default ShirtOrder;

from react-native-form-generator.

yes.. that because KeyboardAwareScrollView is not exported anymore
you can try to access it directly.
try something like

import {
    KeyboardAwareScrollView
} from "react-native-form-generator/src/KeyboardAwareScrollView";

or copy it from the repo.

from react-native-form-generator.

also not working but import it from react-native-keyboard-aware-scroll-view.

from react-native-form-generator.

yes you can also use that, but i highly encourage you to create your own solution using the official ScrollView

from react-native-form-generator.

If I clicked the InputField, error happened

maybe just like you said, I need to do it myself.

from react-native-form-generator.

can you post a code sample, that error means nothing, it's just the event that is triggered by the focusaction

from react-native-form-generator.

import React, { Component } from 'react';

import {
    View,
    Text,
    ScrollView
} from 'react-native';

import {
    Form,
    Separator,
    InputField,
} from "react-native-form-generator";

import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'

class ShirtOrder extends Component {

    state={
        formData: {}
    }

    handleFormFocus(event, reactNode){
       this.refs.scroll.scrollToFocusedInput(event, reactNode)
    }

    handleFormChange(formData){

    }

    render(){
        return (
            <KeyboardAwareScrollView
                ref="scroll"
            >
                <Form
                    ref="shirtOrder"
                    onFocus={ this.handleFormFocus.bind(this)}
                    onChange={this.handleFormChange.bind(this)}
                >
                    <InputField
                        ref="ordernumnow"
                        label="orderNum" />

                </Form>
            </KeyboardAwareScrollView>
        );
    }
}
export default ShirtOrder;

from react-native-form-generator.

I found what's with this,
I've forgot to remove the code in handleFormFocus

from react-native-form-generator.

;) if you want post a screenshot of your final form in action, i would love
to see it.
Have a nice day.

On Thu, Jul 7, 2016 at 5:56 PM abellee [email protected] wrote:

I found what's with this,
I've forgot to remove the code in handleFormFocus

—
You are receiving this because you modified the open/close state.

Reply to this email directly, view it on GitHub
#22 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/AAGjfgKm8LRREQB6oZJu3w1R6hUAC1TJks5qTSG_gaJpZM4JHJF7
.

Michael Cereda
http://michaelcereda.com

from react-native-form-generator.