TouchableOpacity и не работающая кнопка реагируют на родной модал?

Я искал решение, позволяющее работать $.bind и $.unbind без проблем в динамически добавленных элементах.

Поскольку on () делает трюк для присоединения событий, чтобы создать фальшивую отвязку на тех, к которым я пришел:

const sendAction = function(e){ ... }
// bind the click
$('body').on('click', 'button.send', sendAction );

// unbind the click
$('body').on('click', 'button.send', function(){} );

0
задан fun joker 28 March 2019 в 03:35
поделиться

1 ответ

если вы используете компонент FilterScreen в качестве внутренней функции, попробуйте так

renderFilterScreen = () => {
return(
   <View>
      <TouchableOpacity>
           <Text>Inside Filter screen</Text>
      </TouchableOpacity>
    </View>
)
}

и в коде

 <Modal
          animationType="slide"
          transparent={false}
          visible={this.state.modalVisible}
          onRequestClose={() => {
            Alert.alert('Modal has been closed.');
          }}>
          <View style={{marginTop: 22}}>
            <View>
              {this.renderFilterScreen()}
              <TouchableHighlight
                onPress={() => 
                  this._setModalVisible(!this.state.modalVisible)
                }>
                <Text>Hide Modal</Text>
              </TouchableHighlight>
            </View>
          </View>
        </Modal>

, если вы создаете отдельный класс компонентов, например FliterScreen.js , попробуйте как ниже

class FliterScreen extends React.Component {
 render = () => (
    <View>
      <TouchableOpacity>
           <Text>Inside Filter screen</Text>
      </TouchableOpacity>
    </View>
);
}

export default FliterScreen;

и в основном классе.

import FliterScreen from './ui/FliterScreen';

и используйте, как вы назвали в части 1.

0
ответ дан Adarsh 28 March 2019 в 03:35
поделиться
Другие вопросы по тегам:

Похожие вопросы: