├── .babelrc ├── .circleci └── config.yml ├── .editorconfig ├── .eslintrc ├── .gitignore ├── .npmignore ├── .wallaby.js ├── .watchmanconfig ├── LICENSE.md ├── README.md ├── docs ├── api │ └── README.md └── images │ ├── 1-responsive-elements.png │ ├── 2-hidden-elements.png │ ├── 3-shifting-elements.png │ ├── 4-fixed-size-elements.png │ ├── 5-conditional-styling.png │ ├── 6-horizontal-direction.png │ ├── 7-stretching.png │ ├── 8-scrollable-grid.png │ ├── 9-nested-grid.png │ ├── logo.png │ ├── logo.svg │ ├── tiles.gif │ ├── withGridDimensions.gif │ └── withSizeInfo.gif ├── examples ├── 1-responsive-elements.js ├── 2-hidden-elements.js ├── 3-shifting-elements.js ├── 4-fixed-size-elements.js ├── 5-conditional-styling.js ├── 6-horizontal-direction.js ├── 7-stretch-disabled.js ├── 7-stretch-enabled.js ├── 8-scrollable-grid.js ├── 9-nested-grid.js ├── tiles.js ├── withGridDimensions.js └── withSizeInfo.js ├── index.js ├── package.json ├── src ├── components │ ├── block │ │ ├── index.js │ │ ├── methods.js │ │ ├── methods.test.js │ │ ├── props.js │ │ └── props.test.js │ ├── grid │ │ ├── Scrollable.js │ │ ├── Subscriber.js │ │ ├── Subscriber.test.js │ │ ├── index.js │ │ ├── methods.js │ │ ├── methods.test.js │ │ └── props.js │ ├── index.js │ └── section │ │ └── index.js ├── index.js ├── shared │ ├── constants.js │ ├── methods.js │ └── props.js ├── utils │ └── index.js └── wrappers │ ├── gridDimensions │ └── index.js │ ├── index.js │ └── sizeInfo │ ├── index.js │ ├── methods.js │ └── methods.test.js ├── utils.js └── wrappers.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } 4 | -------------------------------------------------------------------------------- /.circleci/config.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/.circleci/config.yml -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/.editorconfig -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/.eslintrc -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .expo/ 3 | npm-debug.* 4 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/.npmignore -------------------------------------------------------------------------------- /.wallaby.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/.wallaby.js -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/LICENSE.md -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/README.md -------------------------------------------------------------------------------- /docs/api/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/api/README.md -------------------------------------------------------------------------------- /docs/images/1-responsive-elements.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/1-responsive-elements.png -------------------------------------------------------------------------------- /docs/images/2-hidden-elements.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/2-hidden-elements.png -------------------------------------------------------------------------------- /docs/images/3-shifting-elements.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/3-shifting-elements.png -------------------------------------------------------------------------------- /docs/images/4-fixed-size-elements.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/4-fixed-size-elements.png -------------------------------------------------------------------------------- /docs/images/5-conditional-styling.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/5-conditional-styling.png -------------------------------------------------------------------------------- /docs/images/6-horizontal-direction.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/6-horizontal-direction.png -------------------------------------------------------------------------------- /docs/images/7-stretching.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/7-stretching.png -------------------------------------------------------------------------------- /docs/images/8-scrollable-grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/8-scrollable-grid.png -------------------------------------------------------------------------------- /docs/images/9-nested-grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/9-nested-grid.png -------------------------------------------------------------------------------- /docs/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/logo.png -------------------------------------------------------------------------------- /docs/images/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/logo.svg -------------------------------------------------------------------------------- /docs/images/tiles.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/tiles.gif -------------------------------------------------------------------------------- /docs/images/withGridDimensions.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/withGridDimensions.gif -------------------------------------------------------------------------------- /docs/images/withSizeInfo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/docs/images/withSizeInfo.gif -------------------------------------------------------------------------------- /examples/1-responsive-elements.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/1-responsive-elements.js -------------------------------------------------------------------------------- /examples/2-hidden-elements.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/2-hidden-elements.js -------------------------------------------------------------------------------- /examples/3-shifting-elements.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/3-shifting-elements.js -------------------------------------------------------------------------------- /examples/4-fixed-size-elements.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/4-fixed-size-elements.js -------------------------------------------------------------------------------- /examples/5-conditional-styling.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/5-conditional-styling.js -------------------------------------------------------------------------------- /examples/6-horizontal-direction.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/6-horizontal-direction.js -------------------------------------------------------------------------------- /examples/7-stretch-disabled.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/7-stretch-disabled.js -------------------------------------------------------------------------------- /examples/7-stretch-enabled.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/7-stretch-enabled.js -------------------------------------------------------------------------------- /examples/8-scrollable-grid.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/8-scrollable-grid.js -------------------------------------------------------------------------------- /examples/9-nested-grid.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/9-nested-grid.js -------------------------------------------------------------------------------- /examples/tiles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/tiles.js -------------------------------------------------------------------------------- /examples/withGridDimensions.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/withGridDimensions.js -------------------------------------------------------------------------------- /examples/withSizeInfo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/examples/withSizeInfo.js -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | export * from './src/components'; 2 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/package.json -------------------------------------------------------------------------------- /src/components/block/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/block/index.js -------------------------------------------------------------------------------- /src/components/block/methods.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/block/methods.js -------------------------------------------------------------------------------- /src/components/block/methods.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/block/methods.test.js -------------------------------------------------------------------------------- /src/components/block/props.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/block/props.js -------------------------------------------------------------------------------- /src/components/block/props.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/block/props.test.js -------------------------------------------------------------------------------- /src/components/grid/Scrollable.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/grid/Scrollable.js -------------------------------------------------------------------------------- /src/components/grid/Subscriber.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/grid/Subscriber.js -------------------------------------------------------------------------------- /src/components/grid/Subscriber.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/grid/Subscriber.test.js -------------------------------------------------------------------------------- /src/components/grid/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/grid/index.js -------------------------------------------------------------------------------- /src/components/grid/methods.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/grid/methods.js -------------------------------------------------------------------------------- /src/components/grid/methods.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/grid/methods.test.js -------------------------------------------------------------------------------- /src/components/grid/props.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/grid/props.js -------------------------------------------------------------------------------- /src/components/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/index.js -------------------------------------------------------------------------------- /src/components/section/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/components/section/index.js -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/index.js -------------------------------------------------------------------------------- /src/shared/constants.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/shared/constants.js -------------------------------------------------------------------------------- /src/shared/methods.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/shared/methods.js -------------------------------------------------------------------------------- /src/shared/props.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/shared/props.js -------------------------------------------------------------------------------- /src/utils/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/utils/index.js -------------------------------------------------------------------------------- /src/wrappers/gridDimensions/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/wrappers/gridDimensions/index.js -------------------------------------------------------------------------------- /src/wrappers/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/wrappers/index.js -------------------------------------------------------------------------------- /src/wrappers/sizeInfo/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/wrappers/sizeInfo/index.js -------------------------------------------------------------------------------- /src/wrappers/sizeInfo/methods.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/wrappers/sizeInfo/methods.js -------------------------------------------------------------------------------- /src/wrappers/sizeInfo/methods.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/axilis/react-native-responsive-layout/HEAD/src/wrappers/sizeInfo/methods.test.js -------------------------------------------------------------------------------- /utils.js: -------------------------------------------------------------------------------- 1 | export { calculateStretchLength } from './src/utils'; 2 | -------------------------------------------------------------------------------- /wrappers.js: -------------------------------------------------------------------------------- 1 | export * from './src/wrappers/'; 2 | --------------------------------------------------------------------------------