field_suggestion

KO | EN

gitlite — search

#c #large-language-models #postgresql #reactjs #list #nlp #cloud-native #vue #awesome-list #artificial-intelligence

field_suggestion

(★ 31)

Create highly customizable, simple, and controllable autocomplete fields.

File Explorer

ZIP Download

- - bug_report.md
  - feature_request.md
- - coverage.yml
  - doctor.yml
  - tests.yml
- - builder.gif
  - custom.gif
  - default.gif
  - external-control.gif
  - logo.png
  - obj-list.gif
- - main.dart
  - user_model.dart
- .gitignore
- .metadata
- pubspec.yaml
- box_controller.dart
- field_suggestion.dart
- search_state_manager.dart
- styles.dart
- utils.dart
- box_controller_test.dart
- field_suggestion_test.dart
- search_state_manager_test.dart
- styles_test.dart
- utils.dart
- utils_test.dart
.gitignore
CHANGELOG.md
CONTRIBUTING.md
LICENSE
pubspec.lock
pubspec.yaml
README.md

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Installing
- See the official installing guidline from [field_suggestion/install](https://github.com/theiskaa/field_suggestion/wiki/Installing)

## Usage

- For more detailed examples refer to the official documentation from [field_suggestion/wiki](https://github.com/theiskaa/field_suggestion/wiki)

In this example, we're using the `FieldSuggestion.network` widget to display suggestions for a username input field. We've provided an `inputDecoration` with a hint text, a `future` function that fetches the suggestions based on the user input, a `textController` that controls the text in the input field, a `boxController` that controls the visibility of the suggestion box, and a builder function that defines how the suggestions are displayed in the suggestion box.

Note that `FieldSuggestion` uses generics to allow for suggestions of different types. In the example above, we're using `String` as the type parameter for `FieldSuggestion.network` However, any other type can be used, depending on the type of suggestions being displayed.

```dart
FieldSuggestion<String>.network(
  inputDecoration: InputDecoration(
    hintText: 'Username', // optional
  ),
  future: (input) => future.call(input),
  textController: controller,
  boxController: boxController, // optional
  builder: (context, snapshot) {
    if (snapshot.connectionState != ConnectionState.done) {
      return Center(child: CircularProgressIndicator());
    }

final result = snapshot.data ?? [];
    return ListView.builder(
      itemCount: result.length,
      itemBuilder: (context, index) {
        return GestureDetector(
          onTap: () {
            setState(() => controller.text = result[index]);
            boxControllerNetwork.close?.call();
          },
          child: Card(child: ListTile(title: Text(result[index]))),
        );
      },
    );
  },
)
```

## Contributing
- For information regarding contributions, please refer to [CONTRIBUTING.md](https://github.com/theiskaa/field_suggestion/blob/develop/CONTRIBUTING.md) file.

field_suggestion

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

field_suggestion

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Download README