24jieqi / react-native-xiaoshu

🌈 React Native UI library
https://24jieqi.github.io/react-native-xiaoshu
Apache License 2.0
187 stars 21 forks source link

Field.ButtonOption 按钮选中状态文案颜色、背景色高亮 禁止失效 #58

Closed zl612 closed 2 months ago

zl612 commented 2 months ago

image image 设置了activeHighlight false 属性 照常失效 组件版本 0.3.21

onlyling commented 2 months ago
image

是想要达到这样的效果?

zl612 commented 2 months ago

跟普通按钮一样 选中不会有高亮选中效果

zl612 commented 2 months ago

image

onlyling commented 2 months ago

两个截图的样式表现是一致的。

如果想达到点击后没有选中的效果可以如下。

const Demo = () => {
  return (
    <Field.ButtonOption
      title="快速输入"
      options={options}
      // 给一个 options 里不存在的值
      value={-1}
      onChange={(v) => {
        // 点击按钮响应回调,value 不更新,没有任何按钮激活
        console.log("v -> ", v);
      }}
    />
  );
};
zl612 commented 2 months ago

增加这个 value={-1} 有用

会修复activeHighlight 这个属性的设置吗

onlyling commented 2 months ago

activeHighlight 应该是理解不同。

activeHighlight 的初衷是按钮激活的时候呈现不同样子。

image

例如上面两组按钮分别是 active={true}&activeHighlight={true} 和 active={true}&activeHighlight={false} 状态的表现。

现在有一个小问题,activeHighlight 的描述是「选中状态文案颜色、背景色高亮」,现在只是对文案颜色做了处理。对于 type="outline" 的背景色不正确。

image

这组优化后的才达到「选中状态文案颜色、背景色高亮」。

zl612 commented 2 months ago

get