How to make clock face configurable by users about text?

[pitang1965]

I would really appreciate any help that can be given.

I read the followings.

https://dev.fitbit.com/build/guides/settings/ 

https://dev.fitbit.com/build/reference/settings-api/

https://github.com/Fitbit/sdk-moment

unction settingsComponent(props) {
  return (
    <Page>
      <Section>
        title={
          <Text bold align="center">
            App Settings
          </Text>
        }
        <Text>sample text</Text>
        <ColorSelect
          settingsKey="color"
          colors={[
            { color: 'tomato' },
            { color: 'sandybrown' },
            { color: 'gold' },
            { color: 'aquamarine' },
            { color: 'deepskyblue' },
            { color: 'plum' }
          ]}
        />
      </Section>
    </Page>
  );
}

registerSettingsPage(settingsComponent);

The above code shows the following.

I can select color, but I can not edit text ("sample text").

Please teach how to do it.

Thanks

[JonFitbit]

Change this line:

<Text>sample text</Text>

[_json · Accepted solution]

I think you want the user to be able to edit the text inside Settings, is that correct? For this, use the TextInput component:

 <TextInput
    label="example"
    settingsKey="text"
  />

see https://dev.fitbit.com/build/reference/settings-api/#textinput for more info

[pitang1965]

Thank you very much.
TextInput is correct.
It's embarrassing.