我使用react-native-elements
,它们可以很容易地使一个实际的按钮显示为"凸起"或阴影.我想复制TouchableOpacity
的外观.
下面是react-native-elements
的"凸起按钮"示例.
这是微妙的,但明显产生了良好的影响.
是的,我看过文件了.如果我遗漏了什么,请指出...但我不认为有什么可以做到这一点.谢谢
我使用react-native-elements
,它们可以很容易地使一个实际的按钮显示为"凸起"或阴影.我想复制TouchableOpacity
的外观.
下面是react-native-elements
的"凸起按钮"示例.
这是微妙的,但明显产生了良好的影响.
是的,我看过文件了.如果我遗漏了什么,请指出...但我不认为有什么可以做到这一点.谢谢
您可以将以下样式添加到TouchableOpacity
以使其升高.
<TouchableOpacity style={styles.button} />
button: {
shadowColor: 'rgba(0,0,0, .4)', // IOS
shadowOffset: { height: 1, width: 1 }, // IOS
shadowOpacity: 1, // IOS
shadowRadius: 1, //IOS
backgroundColor: '#fff',
elevation: 2, // Android
height: 50,
width: 100,
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'row',
},
You can read more about them here.