本机基础-页眉组件阴影不起作用

时间:2018-09-20 08:19:00

标签: react-native native-base

我正在使用native-base创建一个 React Native 应用程序:

我正在使用Header组件来显示BodyLeftRight元素。根据{{​​3}},shadow没有出现。

结果的屏幕截图:

docs

我在这里错过了一些简单的东西吗?任何帮助将不胜感激!

<Header style={{backgroundColor: 'white', shadowColor: 'black', shadowOpacity: 1, elevation: 4}} iosBarStyle="dark-content" androidStatusBarColor="lightgray">
 <Left>
   <Button transparent onPress={() => this.props.navigation.goBack(null)}>
      <Icon name='arrow-back' />
   </Button>
 </Left>
 <Body style={{ flex: 3 }}>
    <Title>TITLE </Title>
    <Subtitle>SUBTITLE</Subtitle>
 </Body>
 <Right></Right>
</Header>

1 个答案:

答案 0 :(得分:0)

查看您的public static void main(String[] args) { String input=null; if(args.length>0){ input=args[0]; System.out.println(input); }else{ input=askForInput(); } Calculator calculator = new Calculator(); calculator.startCalculator(input); }// end of main private static String askForInput() { // inputString with scanner Scanner userInput = new Scanner(System.in); System.out.print("please insert your calculations: "); String inputString; try { inputString = userInput.next(); } finally { userInput.close(); } return inputString; } ,我假设您正在 Android 上对其进行测试。

暗影道具

  • shadowColor
  • shadowOffset
  • shadowOpacity
  • shadowRadius

仅适用于 ios 特定平台。

因此,您需要使用elevation在Android上进行渲染。