Home
last modified time | relevance | path

Searched refs:button (Results 1 – 25 of 356) sorted by relevance

12345678910>>...15

/expo/packages/expo-dev-client-components/src/
H A DButton.tsx32 primary: { color: lightTheme.button.primary.foreground },
33 secondary: { color: lightTheme.button.secondary.foreground },
34 tertiary: { color: lightTheme.button.tertiary.foreground },
35 ghost: { color: lightTheme.button.ghost.foreground },
36 transparent: { color: lightTheme.button.transparent.foreground },
48 primary: { color: darkTheme.button.primary.foreground },
49 secondary: { color: darkTheme.button.secondary.foreground },
50 tertiary: { color: darkTheme.button.tertiary.foreground },
51 ghost: { color: darkTheme.button.ghost.foreground },
66 accessibilityRole: 'button',
[all …]
/expo/packages/expo-dev-client/e2e/
H A DDevLauncher.e2e.ts11 const button = element(by.text(buttonString)); constant
12 await expect(button).toBeVisible();
13 await tapButton(button);
17 let button = element(by.text(buttonString));
19 await waitFor(button).toBeVisible().withTimeout(timeout);
27 button = element(by.text(buttonString));
28 await waitFor(button).toBeVisible();
30 await tapButton(button);
85 async function tapButton(button: Detox.IndexableNativeElement) {
87 await button.multiTap(2);
/expo/home/components/
H A DButton.tsx24 backgroundColor: expoTheme.button.primary.background,
25 color: expoTheme.button.primary.foreground,
29 backgroundColor: expoTheme.button.secondary.background,
30 color: expoTheme.button.secondary.foreground,
34 backgroundColor: expoTheme.button.tertiary.background,
35 color: expoTheme.button.tertiary.foreground,
39 backgroundColor: expoTheme.button.ghost.background,
40 color: expoTheme.button.ghost.foreground,
41 borderColor: expoTheme.button.ghost.border,
/expo/docs/pages/ui-programming/
H A Dreact-native-styling-buttons.mdx2 title: Styling a React Native button
4 description: Learn how to style a button in a React Native app.
10 …exports a [`<Button>`](https://reactnative.dev/docs/button) component that exposes the native butt…
14 The first button is the default `<Button>` and the second is another default `<Button>` with its `c…
16 <ImageSpotlight style={{ maxWidth: 960 }} src="/static/images/faq-button-style-button.png" alt="" />
18 To create a button with a custom style, you can turn to the [`<Pressable>`](https://reactnative.dev…
21 Here's an example of using `<Pressable>` to create a button component:
33 <Pressable style={styles.button} onPress={onPress}>
40 button: {
65 src="/static/images/faq-button-style-pressable.png"
[all …]
/expo/apps/native-component-list/src/screens/Video/
H A DVideoScreen.tsx63 <Button style={styles.button} title="Toggle" onPress={togglePlayer} />
64 <Button style={styles.button} title="Replace" onPress={replaceItem} />
65 <Button style={styles.button} title="Seek by 10 seconds" onPress={seekBy} />
66 <Button style={styles.button} title="Replay" onPress={replay} />
67 <Button style={styles.button} title="Toggle mute" onPress={toggleMuted} />
68 <Button style={styles.button} title="Enter fullscreen" onPress={enterFullscreen} />
88 button: {
/expo/apps/native-component-list/src/screens/
H A DImageManipulatorScreen.tsx51 <Button style={styles.button} onPress={() => this._rotate(90)}>
54 <Button style={styles.button} onPress={() => this._rotate(45)}>
57 <Button style={styles.button} onPress={() => this._rotate(-90)}>
61 style={styles.button}
66 style={styles.button}
79 <Button style={styles.button} onPress={this._crop}>
82 <Button style={styles.button} onPress={this._combo}>
89 <Button style={styles.button} onPress={this._pickPhoto}>
92 <Button style={styles.button} onPress={this._reset}>
198 <TouchableOpacity onPress={onPress} style={[styles.button, style]}>
[all …]
H A DTaskManagerScreen.tsx50 style={styles.button}
62 style={styles.button}
81 style={styles.button}
87 style={styles.button}
93 style={styles.button}
129 button: {
/expo/docs/public/static/diffs/
H A De2e-tests-homescreen.diff8 it('"Click me" button should be visible', async () => {
9 - await expect(element(by.id('click-me-button'))).toBeVisible();
10 + await expect(element(by.id('click-me-button'))).not.toBeVisible();
/expo/docs/components/__snapshots__/
H A DDocumentationSidebarRight.test.tsx.snap34 <button
35 …pace-nowrap h-8 text-3xs border-button-quaternary bg-button-quaternary text-button-quaternary shad…
36 type="button"
62 </button>
/expo/docs/public/static/examples/v46.0.0/tutorial/02-image-picker/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
38 button: { property
/expo/docs/public/static/examples/v46.0.0/tutorial/03-button-options/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={onPress}>
38 button: { property
/expo/docs/public/static/examples/v46.0.0/tutorial/01-layout/
H A DButton.js13 style={[styles.button, { backgroundColor: '#fff' }]}
24 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
40 button: { property
/expo/docs/public/static/examples/v47.0.0/tutorial/02-image-picker/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
38 button: { property
/expo/docs/public/static/examples/unversioned/tutorial/03-button-options/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={onPress}>
38 button: { property
/expo/docs/public/static/examples/unversioned/tutorial/01-layout/
H A DButton.js13 style={[styles.button, { backgroundColor: '#fff' }]}
24 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
40 button: { property
/expo/docs/public/static/examples/v48.0.0/tutorial/01-layout/
H A DButton.js13 style={[styles.button, { backgroundColor: '#fff' }]}
24 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
40 button: { property
/expo/docs/public/static/examples/v48.0.0/tutorial/02-image-picker/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
38 button: { property
/expo/docs/public/static/examples/v49.0.0/tutorial/01-layout/
H A DButton.js13 style={[styles.button, { backgroundColor: '#fff' }]}
24 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
40 button: { property
/expo/docs/public/static/examples/v49.0.0/tutorial/03-button-options/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={onPress}>
38 button: { property
/expo/docs/public/static/examples/unversioned/tutorial/02-image-picker/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
38 button: { property
/expo/docs/public/static/examples/v47.0.0/tutorial/01-layout/
H A DButton.js13 style={[styles.button, { backgroundColor: '#fff' }]}
24 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
40 button: { property
/expo/docs/public/static/examples/v47.0.0/tutorial/03-button-options/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={onPress}>
38 button: { property
/expo/docs/public/static/examples/v49.0.0/tutorial/02-image-picker/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={() => alert('You pressed a button.')}>
38 button: { property
/expo/docs/public/static/examples/v48.0.0/tutorial/03-button-options/
H A DButton.js12 <Pressable style={[styles.button, { backgroundColor: '#fff' }]} onPress={onPress}>
22 <Pressable style={styles.button} onPress={onPress}>
38 button: { property
/expo/packages/expo-apple-authentication/src/
H A DAppleAuthenticationButton.tsx8 * This component displays the proprietary "Sign In with Apple" / "Continue with Apple" button on
10 * authentication process instead of a custom button. Limited customization of the button is
21 * button.
23 * Make sure to attach height and width via the style props as without these styles, the button will

12345678910>>...15