Code Monkey home page Code Monkey logo

georgehop / react-native-screens-swiper Goto Github PK

View Code? Open in Web Editor NEW
19.0 3.0 4.0 142 KB

:point_right: Screens swiper lib. fully cross platform(IOS, Android) created for building best UI in your app. swipeable navigation, user profile(like instagram), and many more. :point_left: Just take and try. :v:

Home Page: https://github.com/GeorgeHop/react-native-screens-swiper

License: MIT License

JavaScript 100.00%
react-native swipeable navigatio horizontalscrollview horizontal-scrolling tabnavigation react-native-screens-swiper stickyheader sticky-headers scrollable-pills

react-native-screens-swiper's Introduction

Hello there ๐Ÿ‘‹

๐Ÿ„ I'm George, a react-native mobile developer from Ukraine currently living in Poland
๐Ÿ‰ Creator, Traveler, Photographer

๐ŸŽธ Side project

MCircle app - money managment social network

react react



I also have my own project where I have done everything by myself from the begining, moneymanagement application. You can check it by link below. For now we working in a team in 2 people. If you want to work with us feel free to write me on linkedin.

โ—โ—โ— We searching for new members โ—โ—โ—

๐Ÿ™Œ๐Ÿผ Open source

As a full stack developer I contributed on different projects like:

โšก๏ธ Expertise

react

react

react

react-native

redux

react

react

react



๐Ÿ’ฌ Get in touch

linked-in

react-native-screens-swiper's People

Contributors

dorkyboi avatar georgehop avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

react-native-screens-swiper's Issues

[BUG] Swiper don't see Container

Hi @dorkyboi, @GeorgeHop ,
First of all thank you for creating this really simple screen swiper library.
I installed it in my app and simple copy your example code in my app and facing this issue,
Error: Unable to resolve module ./Container from \node_modules\react-native-screens-swiper\components\Swiper.js:
Could you please guide me that how I resolve this issue?

Thank you

image

Originally posted by @ansar-imam in #1 (comment)

[ENHANCE] TypeScript compatibility ๐Ÿงช

Hey @GeorgeHop and @dorkyboi congrats and thanks for this good work ๐Ÿ’ช๐Ÿผ
I am using your library on a React Native TypeScript project.
I needed to type your library to enhance my project.

Can you confirm or update some types that can not be good ?
I plan to enhance your library with a new PR with it.

Thank you so much,
Cheers

declare module 'react-native-screens-swiper' {
  import React, { ComponentProps } from 'react';
  import { FlatListProps, TextStyle, ViewStyle } from 'react-native';

  export interface SwiperDataType {
    tabLabel: string;
    component: React.ReactNode;
    props?: ComponentProps;
  }

  export interface SwiperStyle {
    pillContainer?: ViewStyle;
    pillButton?: ViewStyle;
    pillActive?: ViewStyle;
    pillLabel?: TextStyle;
    activeLabel?: TextStyle;
    borderActive?: ViewStyle;
    pillsOverflow?: ViewStyle;
  }

  export interface SwiperProps extends FlatListProps {
    style?: SwiperStyle;
    data: SwiperDataType[];
    isStaticPills?: boolean;
    stickyHeaderEnabled?: boolean;
    scrollableContainer?: boolean;
    stickyHeaderIndex?: number;
  }

  export default class Swiper extends React.Component<SwiperProps, any> {}
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.