@storybook/react-native 10.4.0-canary-20260502134609 → 10.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -4
- package/readme.md +6 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/react-native",
|
|
3
|
-
"version": "10.4.0
|
|
3
|
+
"version": "10.4.0",
|
|
4
4
|
"description": "A better way to develop React Native Components for your app",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
"@storybook/mcp": "^0.6.1",
|
|
48
48
|
"react-native-safe-area-context": "^5",
|
|
49
49
|
"@storybook/react": "^10.3.2",
|
|
50
|
-
"@storybook/react-native-theming": "10.4.0
|
|
51
|
-
"@storybook/react-native-ui": "10.4.0
|
|
52
|
-
"@storybook/react-native-ui-common": "10.4.0
|
|
50
|
+
"@storybook/react-native-theming": "^10.4.0",
|
|
51
|
+
"@storybook/react-native-ui": "^10.4.0",
|
|
52
|
+
"@storybook/react-native-ui-common": "^10.4.0",
|
|
53
53
|
"@tmcp/adapter-valibot": "^0.1.4",
|
|
54
54
|
"@tmcp/transport-http": "^0.8.5",
|
|
55
55
|
"commander": "^14.0.2",
|
package/readme.md
CHANGED
|
@@ -163,13 +163,13 @@ For projects using [Re.Pack](https://re-pack.dev/) (Rspack/Webpack) instead of M
|
|
|
163
163
|
|
|
164
164
|
## Expo router specific setup
|
|
165
165
|
|
|
166
|
-
```
|
|
166
|
+
```sh
|
|
167
167
|
npm create storybook@latest
|
|
168
168
|
```
|
|
169
169
|
|
|
170
170
|
choose recommended and then native
|
|
171
171
|
|
|
172
|
-
```
|
|
172
|
+
```sh
|
|
173
173
|
npx expo@latest customize metro.config.js
|
|
174
174
|
```
|
|
175
175
|
|
|
@@ -226,7 +226,7 @@ import type { StorybookConfig } from '@storybook/react-native';
|
|
|
226
226
|
|
|
227
227
|
const main: StorybookConfig = {
|
|
228
228
|
stories: ['../components/**/*.stories.?(ts|tsx|js|jsx)'],
|
|
229
|
-
|
|
229
|
+
deviceAddons: [],
|
|
230
230
|
};
|
|
231
231
|
|
|
232
232
|
export default main;
|
|
@@ -307,7 +307,7 @@ Currently, the addons available are:
|
|
|
307
307
|
- [`@storybook/addon-ondevice-notes`](https://storybook.js.org/addons/@storybook/addon-ondevice-notes): Add some Markdown to your stories to help document their usage
|
|
308
308
|
- [`@storybook/addon-ondevice-backgrounds`](https://storybook.js.org/addons/@storybook/addon-ondevice-backgrounds): change the background of storybook to compare the look of your component against different backgrounds
|
|
309
309
|
|
|
310
|
-
Install each one you want to use and add them to the `main.ts`
|
|
310
|
+
Install each one you want to use and add them to the `deviceAddons` list in `main.ts` as follows:
|
|
311
311
|
|
|
312
312
|
```ts
|
|
313
313
|
// .rnstorybook/main.ts
|
|
@@ -315,7 +315,7 @@ import type { StorybookConfig } from '@storybook/react-native';
|
|
|
315
315
|
|
|
316
316
|
const main: StorybookConfig = {
|
|
317
317
|
// ... rest of config
|
|
318
|
-
|
|
318
|
+
deviceAddons: [
|
|
319
319
|
'@storybook/addon-ondevice-notes',
|
|
320
320
|
'@storybook/addon-ondevice-controls',
|
|
321
321
|
'@storybook/addon-ondevice-backgrounds',
|
|
@@ -535,7 +535,7 @@ import type { StorybookConfig } from '@storybook/react-native';
|
|
|
535
535
|
|
|
536
536
|
const main: StorybookConfig = {
|
|
537
537
|
stories: ['../components/**/*.stories.?(ts|tsx|js|jsx)'],
|
|
538
|
-
|
|
538
|
+
deviceAddons: ['@storybook/addon-ondevice-controls'],
|
|
539
539
|
features: {
|
|
540
540
|
ondeviceBackgrounds: true,
|
|
541
541
|
},
|