ApptiveGrid Form

Pub pub points popularity likes

A Flutter Package to display ApptiveGrid Forms inside a Flutter App

Setup

In order to use any ApptiveGrid Feature you must wrap your App with a ApptiveGrid Widget

import 'package:apptive_grid_core/apptive_grid_core.dart';

void main() {
  runApp(
    ApptiveGrid(
      options: ApptiveGridOptions(
        environment: ApptiveGridEnvironment.alpha,
      ),
      child: MyApp(),
    ),
  );
}

Showing a Form

In order to display an ApptiveGrid Form in your App use the ApptiveGridForm Widget

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: ApptiveGridForm(
        formUri: RedirectFormUri(form: 'YOUR_FORM_ID'),
      ),
    );
  }

This works with empty forms and with pre-filled Forms.

Customization

The Form will adjust to the App Theme to blend into the rest of the App. You can adjust the Title Style and the Padding by providing more arguments to ApptiveGridForm.

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text(widget.title),
    ),
    body: ApptiveGridForm(
      formUri: RedirectFormUri(form: 'YOUR_FORM_ID'),
      titleStyle: Theme.of(context).textTheme.headline6,
      contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 0),
      titlePadding: const EdgeInsets.all(16),
    ),
  );
}

Libraries

apptive_grid_form
apptive_grid_form_widgets