React-native: देखें: स्टाइल सेटस्टेट के साथ अपडेट नहीं होता है

को निर्मित 23 अग॰ 2015 · 3टिप्पणियाँ · स्रोत: facebook/react-native

जब मैं राज्य को बदलकर दृश्य शैली को बदलने का प्रयास करता हूं। यह प्रतिक्रिया नहीं देगा। क्या आपके पास कोई विचार है क्यों?

var React = require('react-native');

var { View, Text} = React;

var TouchIt = React.createClass({

  getInitialState() {
    return {
      style: style
    }
  },

  shouldSetResponder() {
    return true;
  },

  shouldSetMoveResponder() {
    return true;
  },

  responderGrant() {
    console.log('finger in');
  },

  responderMove() {
    var style = this.state.style;
    style.backgroundColor = this.getRandomColor();
    this.setState({backgroundColor: backgroundColor});
  },

  responderRelease() {
    console.log('finger out');
  },

  getRandomColor() {
    var randomColor = '#'+Math.random().toString(16).substr(-6);
    return randomColor;
  },

  render() {

    return (
        <View style={this.state.style}
          onStartShouldSetResponder={this.shouldSetResponder}
          onMoveShouldSetResponder={this.shouldSetMoveResponder}
          onResponderGrant={this.responderGrant}
          onResponderMove={this.responderMove}
          onResponderRelease={this.responderRelease}
          >
          <Text>{this.style.backgroundColor}</Text>
        </View>
    );
  }

});

var style = {
  backgroundColor: 'rgb(11, 135, 91)',
  flex: 1
}

module.exports = TouchIt;

Locked

स्रोत

aniss

सबसे उपयोगी टिप्पणी

सुनिश्चित नहीं है कि यह चीजों को ठीक करेगा, लेकिन प्रतिक्रियाकर्ता में पहली पंक्ति को बदलने का प्रयास करें var style = {...this.state.style}; ताकि आप एक नई वस्तु बना सकें और यह स्पष्ट कर सकें कि दूसरे रेंडर पास पर नया दृश्य पहले की तुलना में एक अलग शैली है .

ide 23 अग॰ 2015

🎉2 👍1

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

ide 23 अग॰ 2015

🎉2 👍1

100% निश्चित नहीं है क्योंकि मैंने इसका परीक्षण नहीं किया है, लेकिन आपके पास दो पृष्ठभूमि रंग हैं, एक आपकी "var शैली" में और दूसरा "this.state" में है और मुझे लगता है कि आप उन्हें मिला रहे हैं। आपको यह तय करना चाहिए कि आप पृष्ठभूमि रंग को यहां या वहां सहेजना चाहते हैं, और क्रमशः अपने प्रत्युत्तरकर्ता विधि में सही मान सेट करें।

PhilippKrone 24 अग॰ 2015

हेयर यू गो!

var React = require('react-native');

var {
  AppRegistry,
  Image,
  ScrollView,
  StyleSheet,
  Text,
  View,
} = React;

var ExampleApp = React.createClass({

  getInitialState() {
    return {
      style: style
    }
  },

  shouldSetResponder() {
    return true;
  },

  shouldSetMoveResponder() {
    return true;
  },

  responderGrant() {
    console.log('finger in');
  },

  responderMove() {
    var backgroundColor = this.getRandomColor();
    this.setState({style: {backgroundColor}});
  },

  responderRelease() {
    console.log('finger out');
  },

  getRandomColor() {
    var randomColor = '#'+Math.random().toString(16).substr(-6);
    return randomColor;
  },

  render() {

    return (
        <View style={[{flex: 1}, this.state.style]}
          onStartShouldSetResponder={this.shouldSetResponder}
          onMoveShouldSetResponder={this.shouldSetMoveResponder}
          onResponderGrant={this.responderGrant}
          onResponderMove={this.responderMove}
          onResponderRelease={this.responderRelease}
          >
          <Text>{this.state.style.backgroundColor}</Text>
        </View>
    );
  }

});

var style = {
  backgroundColor: 'rgb(11, 135, 91)',
  flex: 1
}

चर के साथ बहुत सारी समस्याएं, यह देखने के लिए ऊपर मेरा कोड देखें कि आप कहां गलत हो गए :) वैसे, इस तरह का प्रश्न स्टैक ओवरफ्लो के लिए बेहतर अनुकूल है!

brentvatne 24 अग॰ 2015

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React-native: देखें: स्टाइल सेटस्टेट के साथ अपडेट नहीं होता है

सबसे उपयोगी टिप्पणी

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

संबंधित मुद्दों