aputinski / react-navigation-controller Goto Github PK
View Code? Open in Web Editor NEWReact view manager similar to UINavigationController
Home Page: http://aputinski.github.io/react-navigation-controller/examples/
License: MIT License
React view manager similar to UINavigationController
Home Page: http://aputinski.github.io/react-navigation-controller/examples/
License: MIT License
If I push a new view left, the current view jumps down the height of the pushed view while the transition is in progress. It doesn't look right. I looked at the example, and they have special position:relative or absolute tags on some css elements. I tried those, but the absolute position won't work in my case. Is this special css required?
Warning: You are manually calling a React.PropTypes validation function for the transition
prop on pushView
. This is deprecated and will not work in the next major version. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.
Looks like its this line in the checkOptions function:
line 80: var e = optionType[[key]](%28options, key, method, prop%29);
Greetings,
I'm finding that the data-propagation is breaking when using an intermediate component to dynamically set the view.
I have code organized in the following way:
ParentComponent.jsx
render () {
return (
<Sidebar>
<Component1 data={this.state.data} />
</Sidebar>
);
}
Sidebar.jsx
render () {
const View = <div>{this.props.children}</div>;
return <NavigationController views={[View]} />;
}
When this.state.data
changes in ParentComponent.jsx
, the rendered Component1
doesn't update.
Should I regard this as intended behavior, or is there something that I can do to work around this use-case?
Thanks
I have no idea how to restore scoll postion after press back button now, can anyone help? Thanks in advance!
Hi there, npm is listing the module at 2.0, but notice you have some changes and a version bump to 2.1. May I ask you to publish it, please?
Is there a way to animate it so that the when a new view is pushed into the controller, the active view doesn't slide to the left to let the new one come in?
And when a view is popped, it will slide to the right and the previous one will be behind it instead of sliding from the left.
Right now the animation looks like a carousel while UINavigationController doesn't really look like a carousel.
Regards, Alex
I am experiencing an issue that may be related to #10.
My code is organized as follows:
Component 1
render() {
const props = {
views: [
<Component2
field1={this.props.field1}
field2={this.props.field2}
/>
],
preserveState: true,
}
return (
<NavigationController {...props} />
);
}
What I expect is that when Component1's props change, NavigationController (and down the road Component2) are also updated. However this does not seem to be happening and I am unsure why. Any help is welcome.
Hi. Cool component.
I'm having an issue using it, and before I get into the details, I'll ask, does it require React 0.14? I haven't yet upgraded my app from React 0.13, and wonder if this is the cause.
Thanks.
We would like to use this component. But no Idea how to make this work with react-router and make a page slider like, http://coenraets.org/samples/pageslider-react/index.html
I want to achieve like her '1233caipiao.com' effect.。
I want to ask how to use ‘ react-naviagtion-controller ‘ achieve。
thanks.
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.