当按钮式位置是绝对的时，他的上半部分不起作用

Question

我的问题

当我将按钮式位置更改为绝对按钮的上半部分显示按钮单击效果，但是导航（'login'）功能不起作用但是按钮的下半部分没有任何问题。

预期行为

当按钮式位置是绝对的时，我希望按下在哪里按下按钮。

代码示例

import React, { Component } from 'react';
import { Button } from 'react-native-elements';
import { StyleSheet, Text, View } from 'react-native';

<View style={styles.grade_view}>
  <Text style={styles.grade_text}>aaaa</Text>
  <Text style={styles.grade_num}>-</Text>
  <Button
  onPress={() => {
    navigate('Login');
  }}
  buttonStyle={{
      backgroundColor: '#AAA',
      width: 140,
      height: 40,
      position: 'absolute',
      borderRadius: 20,
      top: -45,
      right: 10
  }}
  type="solid"
  title="login"
  color="#AAA"
  />
</View>

const styles = StyleSheet.create({
  grade_view: {
    padding: 15,
    borderColor: '#999',
    borderBottomWidth: 1
  },
  grade_num: {
    marginTop: 5,
    fontSize: 26,
    fontWeight: 'bold',
  },
  grade_text: {
    fontSize: 16,
    color: '#AAA'
  }
});

环境

react-native-cli：2.0.1

反应：0.58.4

节点：v10.15.0

npm：6.4.1

测试设备：iPhone X -12.1（xcode虚拟设备）

反应本机环境信息：

系统：

OS：MACOS 10.14.2

cpu：（4）x64 intel（r）core（tm）i5-7360u cpu @ 2.30GHz

内存：34.14 MB/8.00 GB

壳：3.2.57-/bin/bash

二进制：

节点：10.15.0-/usr/local/bin/node

npm：6.4.1-/usr/local/bin/npm

SDK：

ios SDK：

平台：iOS 12.1，MacOS 10.14，TVOS 12.1，WatchOS 5.1

ides：

Android Studio：3.2 AI-181.5540.7.32.5056338

xcode：10.1/10b61-/usr/bin/xcodebuild

npmpackages：

react： ^16.6.3 => 16.6.3

反应：0.58.4 => 0.58.4

npmglobalpackages：

react-native-cli：2.0.1

Answer 1

也许在按钮的一半顶部渲染了某些东西？您是否尝试过检查此事？如果是这种情况，我将使用高程与位置绝对使用，但是默认情况下，它只能在Android上使用。一个方便的图书馆要查看（如果是这样）：https：//github.com/alekhurst/react-native-elevated-view