React-native-router-flux: दृश्य संक्रमण के लिए कस्टम एनिमेशन

को निर्मित 9 जुल॰ 2016 · 3टिप्पणियाँ · स्रोत: aksonov/react-native-router-flux

संस्करण

प्रतिक्रिया-देशी-राउटर-फ्लक्स v3.26.13
प्रतिक्रिया-मूल v0.26.3

दृश्य संक्रमण पर डिफ़ॉल्ट वसंत एनीमेशन मेरी अपेक्षा से थोड़ा धीमा है, इसलिए मैं सोच रहा हूं कि कस्टम एनीमेशन बनाना और उसका उपयोग करना संभव है या नहीं। किसी भी सूचक की सराहना की जाएगी।

स्रोत

VictorK1902

👍3

सभी 3 टिप्पणियाँ

नमस्ते, यहां बताया गया है कि मैंने इसे rtl भाषाओं (जैसे अरबी, को संभालने के लिए कैसे किया, ताकि संक्रमण दाएं से बाएं हो।

  rtlAwareAnimation(pos, navState) {
    const factor = I18n.rtl() ? -1 : 1;
    Animated.spring(
      pos,
      {
        bounciness: 0,
        toValue: factor*navState.index,
      }
    ).start();
  },

  render() {
    return (
      <Router>
        <Scene key="signIn" component={SignIn} title={I18n.t('signIn')} initial={true} applyAnimation={this.rtlAwareAnimation} />
        <Scene key="dashboard" component={Dashboard}applyAnimation={this.rtlAwareAnimation} />
      </Router>
    );

हालांकि, यह अभी भी वास्तव में उपयोगी नहीं है क्योंकि दृश्यों को विशेष स्थिति में रखा गया है जिसका अर्थ है कि संक्रमण दिशा उस स्थान से मेल खाना चाहिए जहां अगला दृश्य है

wrousseau 9 जुल॰ 2016

😕2 👍1

यह ऊपर से नीचे या इसके विपरीत कैसे होगा? ऐसा लगता है कि यह केवल 1 आयाम को संभालता है।

jsdario 2 अक्तू॰ 2016

👍1

वे पहले ही इस मुद्दे को ठीक कर चुके हैं। आपको केवल direction संपत्ति प्रदान करने की आवश्यकता है क्योंकि डिफ़ॉल्ट रूप से दिशा सही है।
import { I18nManager } from 'react-native'
let directionSide = I18nManager.isRTL ? 'leftToRight' : null
<Scene key='xXXXX' component={XXXXX} title='XXXXX' direction={directionSide}/>