更改按钮样式但保存默认行为 - NativeScript

Change button style but save default behaviour - NativeScript

本文关键字：NativeScript 默认 保存 按钮 样式      更新时间：2023-09-26

我开始学习NativeScript。

我有一个按钮，我想删除他的背景颜色，所以我尝试在 css 中添加它： 

background-color: transparent;

它有效，但默认样式（如触摸效果）被禁用。

有没有办法在不丢失所有其他效果的情况下更改按钮的特定样式属性？

谢谢:)

如果您想要涟漪效果和透明背景，目前看起来是不可能的。我会打开一个功能请求或进行 PR 修复在背景色上使用透明样式器

设置按钮背景颜色以匹配父级的背景颜色。例如：页面 bg=蓝色，按钮 bg=蓝色，这样他将保留所有其他属性。

我设法通过将不透明度、z 索引和背景色应用于按钮来实现所需的目标 - wchich 允许在任何能够处理 onTap 事件的布局元素上产生漂亮的涟漪效果和点击声音

<AbsoluteLayout  width="40" height="60" >
<label top="8" style=" z-index:1;color:#ffffff;background-color:#D63F50;border-color:#d63f50; font-size:14" text="{{alerts_num}}" class="bubble-label"/>     
<button style="opacity:.8;z-index:-1;background-color:#ffcc33" width="45" height="60" />
<image stretch="aspectFit"  height="25" style="margin:20 10" src="~/images/ico_bell.png" />
</AbsoluteLayout>

原生脚本版本 2.0.0

相关文章：