How to use the @storybook/react-native/dist/index.storiesOf function in @storybook/react-native

import React from 'react';
import {linkTo} from "@storybook/addon-links/dist/index";
import {storiesOf} from "@storybook/react-native/dist/index";

import Welcome from './helpers/welcome';

storiesOf('Welcome', module).add('to Storybook', () => );

import React from 'react';
import {action} from "@storybook/addon-actions/dist/index";
import {storiesOf} from "@storybook/react-native/dist/index";

import InfoScreen from '../../../src/screens/info.screen'

storiesOf('Screens/Info Screen', module)
    .add('show settings button', () => (
        
    ));

import React from 'react';
import {storiesOf} from "@storybook/react-native/dist/index";

import DetailsScreen from '../../../src/screens/details.screen'

storiesOf('Screens/Details Screen', module)
    .add('default', () => (
        
    ));

import React from 'react';
import {action} from "@storybook/addon-actions/dist/index";
import {storiesOf} from "@storybook/react-native/dist/index";

import HomeScreen from '../../../src/screens/home.screen/home.screen'

storiesOf('Screens/Home Screen', module)
    .add('show loading state', () => (
        
    ))
    .add('show empty state', () => (

import React from 'react';
import {storiesOf} from "@storybook/react-native/dist/index";

import SettingsScreen from '../../../src/screens/settings.screen'

storiesOf('Screens/Settings Screen', module)
    .add('default', () => (
        
    ));

import React from 'react';
import {action} from "@storybook/addon-actions/dist/index";
import {storiesOf} from "@storybook/react-native/dist/index";
import CenterView from '../helpers/centerview';

import Button from '../../../src/components/button';


storiesOf('Components/Button', module)
    .addDecorator(getStory => {getStory()})
    .add('with text', () => (
        <button title="stories">
        </button>
    ));