反应原生页脚图标

时间:2018-02-04 22:00:10

标签: react-native styles

我喜欢与android中的IOS相同的风格。你可以在IOS中看到中间的Icon很不错,但是在android中它不是

IOS

Android

我使用的代码就是这个

scala> val input = List((1, 2L, "A"), (3, 4L, "B"))
input: List[(Int, Long, String)] = List((1,2,A), (3,4,B))

scala> val output = input.zipWithIndex.map{
     |       case (a, b) =>
     |         // where a => (Int, Long, String)
     |         // hence a.productIterator is Iterator[Any]
     |         a.productIterator ++ Seq(b)
     |     }
output: List[Iterator[Any]] = List(non-empty iterator, non-empty iterator)

scala> output.foreach(x => println(x.mkString(", ")))
1, 2, A, 0
3, 4, B, 1

1 个答案:

答案 0 :(得分:1)

这是因为按钮比容器大。

在iOS中它将是可见的,但在android上,容器将裁剪溢出的任何内部元素。

你可以做的是将页脚的高度更改为等于中间按钮,并确保其他按钮的高度更小,以便在父组件外部没有任何溢出的情况下提供相同的效果。

对于灰线,您可以添加高度为1和全宽的视图