Fitbit app companion (mobile) setting to demo selecting a value with autocomplete text

6_auto_complete_text_index.jsx

// author  : https://github.com/eaccmk
// created : sep-2021

function mySettings(props) {
  return (
    <Page>
      <TextInput
        title="Click me to type"
        label="Type (one, two ...)"
        placeholder="Type here"
        action="Add Item"
        onAutocomplete={(value) => {
          const autoValues = [
            { name: "one", value: "1" },
            { name: "two", value: "2" },
            { name: "three", value: "3" },
            { name: "four", value: "4" },
            { name: "five", value: "5" },
            { name: "ten", value: "10" },
            { name: "one hundred", value: "100" },
          ];
          return autoValues.filter((option) => option.name.startsWith(value));
        }}
      />
    </Page>
  );
}

registerSettingsPage(mySettings);