xudafeng / autoresponsive-react-native Goto Github PK
View Code? Open in Web Editor NEWAuto Responsive Layout Library For React
Home Page: https://xudafeng.github.io/autoresponsive-react/
Auto Responsive Layout Library For React
Home Page: https://xudafeng.github.io/autoresponsive-react/
Error building DependencyGraph:
Error: Naming collision detected: /Users/qasimalbaqali/Documents/ReactJS/vloomarkt/node_modules/autoresponsive-react-native/node_modules/react-native/packager/react-packager/src/DependencyResolver/haste/polyfills/polyfills.js collides with /Users/qasimalbaqali/Documents/ReactJS/vloomarkt/node_modules/react-native/packager/react-packager/src/Resolver/polyfills/polyfills.js
There is a naming collision going on with polyfills.js. I used npm to install and then rnpm link. Maybe that's the reason there are errors?
Hi there!
Thanks for the plugin, it works flawlessy!
I wanted to ask if you have the waterfall version for react native available?
Thanks!
Loading dependency graph...(node:11703) UnhandledPromiseRejectionWarning: Error: jest-haste-map: Haste module naming collision:
Duplicate module name: react-native
Paths: /Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/autoresponsive-react-native/node_modules/react-native/package.json collides with /Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/react-native/package.json
This error is caused by hasteImpl
returning the same name for different files.
at setModule (/Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/metro/node_modules/jest-haste-map/build/index.js:569:17)
at workerReply (/Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/metro/node_modules/jest-haste-map/build/index.js:641:9)
at processTicksAndRejections (internal/process/next_tick.js:81:5)
(node:11703) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 2)
(node:11703) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
(node:11703) UnhandledPromiseRejectionWarning: Error: jest-haste-map: Haste module naming collision:
Duplicate module name: react-native
Paths: /Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/autoresponsive-react-native/node_modules/react-native/package.json collides with /Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/react-native/package.json
This error is caused by hasteImpl
returning the same name for different files.
at setModule (/Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/metro/node_modules/jest-haste-map/build/index.js:569:17)
at workerReply (/Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/metro/node_modules/jest-haste-map/build/index.js:641:9)
at processTicksAndRejections (internal/process/next_tick.js:81:5)
(node:11703) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 3)
Error: jest-haste-map: Haste module naming collision:
Duplicate module name: react-native
Paths: /Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/autoresponsive-react-native/node_modules/react-native/package.json collides with /Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/react-native/package.json
This error is caused by hasteImpl
returning the same name for different files.
at setModule (/Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/metro/node_modules/jest-haste-map/build/index.js:569:17)
at workerReply (/Users/xxx/Desktop/ReactNative/ReactDemo/node_modules/metro/node_modules/jest-haste-map/build/index.js:641:9)
at processTicksAndRejections (internal/process/next_tick.js:81:5)
Do you plan to upgrade react-native module?
Hi,
I installed this package and I used it. So it works well on the iOS. But it doesn't show the view in the Android.
<ScrollView style={[styles.container]}> <AutoResponsive {...this.getAutoResponsiveProps()}> {this.renderChildren()} </AutoResponsive> </ScrollView>
Please explain what I should do for Android.
Thanks
In the samples and examples provided.. the Height is being manually set.
Can Height be automatic based on the contents and the grid responsive to width.
I don't know the height of the contents since the contents are dynamic.
As far as I understand this is not based on the list view component, right? I'm trying to use this for an infinite scroll of images but wonder about performance when the list gets long (let's say 500 images). are there any performance optimizations built in or do you have any recommendations regarding this?
thank you.
Both autoresponsive-react and autoresponsive-vue are getting more frequent updates. The one check has been failing since mid-2016. The last response to any ticket was late-2016.
Is this repository effectively dead? That makes me sad.
This one is good at initial load. But when the device orientation is changed then the grid stays the same. Not adjusting the new width of the screen.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.