SubmitButton

June 14, 2019 ยท View on GitHub

A button for submitting form.

SubmitButton should be wrapped into Form

Public interface

Props

SubmitButton contains TouchableOpacity component from react-native lib. All props for TouchableOpacity are valid for SubmitButton.

Provide own props:

  • loadingComponent - component which displaying durning form submitting. Optional.
  • disableOnSubmit - prevent sending a new event, if some previous event isn't ended. Optional. Default true.

Example

<Form 
    onSubmit={async (values) => await someRequest(values)}
    validator={new SchemaValidator(ExampleSchema)}
    errorParser={(error) => myCustomParser(error)}
>
    <FormGroup attribute="surname" validateOn="blur">
        <Input />
    </FormGroup>
    <SubmitButton loadingComponent={<Text>Submitting...</Text>}>
        <Text>Submit form</Text>
    </SubmitButton>
</Form>