React Native按钮在iPhone 7上不起作用

时间:2017-07-17 22:52:41

标签: ios iphone mobile react-native

我正在使用react-native-deck-swiper并且卡上有按钮。这些按钮仅适用于iPhone 7。试过几部手机。更有趣的是,react-native-tinder-swipe-cards有同样的问题,所以它似乎是我做错了。代码:

import React from 'react';
import {Alert, Text, TouchableHighlight, View, StyleSheet} from "react-native";
import Swiper from "react-native-deck-swiper";

export default class App extends React.Component {
    render() {
        return (
            <View style={styles.container}>
              <Swiper
                  ref='swiper'
                  cards={['asdf','23423']}
                  renderCard={(question) => {
                      return (
                          <TouchableHighlight
                              onPress={() => Alert.alert('I work')}>
                            <Text> {question} </Text>

                          </TouchableHighlight>
                      )
                  }}
                  cardIndex={0}
              >
              </Swiper>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
    },
});

没有swiper的相同代码工作正常:

import React from 'react';
import {Button, Alert, Text, TouchableHighlight, View, StyleSheet} from "react-native";
import Swiper from "react-native-deck-swiper";



export default class App extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <TouchableHighlight
                    onPress={() => Alert.alert('asdf')}>
                    <Text> I like pants  </Text>

                </TouchableHighlight>

            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
    },
});

我非常感谢任何帮助。谢谢!

0 个答案:

没有答案