react-native
रूटिंग

परिचय

नेविगेटर घटक

नेविगेटर IOS और Android दोनों के लिए काम करता है।

import React, { Component } from 'react';
import { Text, Navigator, TouchableHighlight } from 'react-native';

export default class NavAllDay extends Component {
  render() {
    return (
      <Navigator
        initialRoute={{ title: 'Awesome Scene', index: 0 }}
        renderScene={(route, navigator) =>
          <Text>Hello {route.title}!</Text>
        }
        style={{padding: 100}}
      />
    );
  }
}

Navigator को रूट वस्तुओं के रूप में प्रदान किए जाते हैं। आप एक renderScene फ़ंक्शन भी प्रदान करते हैं जो प्रत्येक रूट ऑब्जेक्ट के लिए दृश्य प्रदान करता है। initialRoute मार्ग को निर्दिष्ट करने के लिए initialRoute का उपयोग किया जाता है।