How to use the @emotion/native.SectionList function in @emotion/native

To help you get started, we’ve selected a few @emotion/native examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github storybookjs / storybook / app / react-native / src / preview / components / StoryListView / index.tsx View on Github external
accessibilityLabel={`Storybook.ListItem.${title}`}
  >
    {title}
  
);

interface Props {
  stories: any;
}

interface State {
  data: any[];
  originalData: any[];
}

const List: typeof SectionList = styled.SectionList`
  flex: 1;
  margin-bottom: 40;
`;
export default class StoryListView extends Component {
  constructor(props: Props) {
    super(props);

    this.state = {
      data: [],
      originalData: [],
    };
  }

  componentDidMount() {
    const channel = addons.getChannel();
    channel.on(Events.STORY_ADDED, this.handleStoryAdded);
github storybookjs / storybook / app / react-native / src / preview / components / StoryListView / index.tsx View on Github external
{title}
  
);

interface Props {
  stories: any;
  selectedKind?: string;
  selectedStory?: string;
}

interface State {
  data: any[];
  originalData: any[];
}

const List: typeof SectionList = styled.SectionList`
  flex: 1;
  margin-bottom: 40;
`;
export default class StoryListView extends Component {
  constructor(props: Props) {
    super(props);

    this.state = {
      data: [],
      originalData: [],
    };
  }

  componentDidMount() {
    const channel = addons.getChannel();
    channel.on(Events.STORY_ADDED, this.handleStoryAdded);

@emotion/native

Style and render React Native components using emotion

MIT
Latest version published 12 months ago

Package Health Score

75 / 100
Full package analysis