🚧 Button
This roadmap outlines the necessary Button props to implement for SolidNative, along with their descriptions and type signatures.
Common Button Props
- [ ] title: Text to display inside the button. On Android, the given title will be converted to the uppercased form.
- Type:
string
- Type:
- [ ] color: Color of the text (iOS) or background color of the button (Android).
- Type:
ColorValue | undefined
- Type:
Accessibility Props
- [ ] accessibilityLabel: Overrides the text that's read by the screen reader when the user interacts with the element.
- Type:
string | undefined
- Type:
- [ ] accessibilityState: Describes the current state of the element to the screen reader.
- Type:
{ disabled?: boolean | undefined; selected?: boolean | undefined; checked?: boolean | "mixed" | undefined; busy?: boolean | undefined; expanded?: boolean | undefined; } | undefined
- Type:
TV Focus Props
- [ ] hasTVPreferredFocus: May be set to true to force the Apple TV focus engine to move focus to this view.
- Type:
boolean | undefined
- Type:
- [ ] nextFocusDown: Designates the next view to receive focus when the user navigates down.
- Type:
number | undefined
- Type:
- [ ] nextFocusForward: Designates the next view to receive focus when the user navigates forward.
- Type:
number | undefined
- Type:
- [ ] nextFocusLeft: Designates the next view to receive focus when the user navigates left.
- Type:
number | undefined
- Type:
- [ ] nextFocusRight: Designates the next view to receive focus when the user navigates right.
- Type:
number | undefined
- Type:
- [ ] nextFocusUp: Designates the next view to receive focus when the user navigates up.
- Type:
number | undefined
- Type:
Interaction Props
- [ ] testID: Used to locate this view in end-to-end tests.
- Type:
string | undefined
- Type:
- [ ] disabled: If true, disable all interactions for this component.
- Type:
boolean | undefined
- Type:
- [ ] onPress: This function is called when the button is pressed.
- Type:
((event: GestureResponderEvent) => void) | undefined
- Type:
- [ ] touchSoundDisabled: If true, disable the touch sound for this component.
- Type:
boolean | undefined
- Type: