我将使用自定义宽度的Dialog的material-ui示例:
const customContentStyle = {
width: '100%',
maxWidth: 'none',
};
// some omitted code
<Dialog
title="Dialog With Custom Width"
actions={actions}
modal={true}
contentStyle={customContentStyle}
open={this.state.open}
>
This dialog spans the entire width of the screen.
</Dialog>
Run Code Online (Sandbox Code Playgroud)
我知道我能够设置一个自定义的高度,因为我已经覆盖了它maxWidth,但是我不能对高度做同样的事情,这样我就可以调整对话框的高度.我已经尝试设置maxHeight为无和设置height,但我没有运气.
我有一段简单的代码,它只是一个带有 onLongPress 道具的 TouchableOpacity,但它似乎不起作用。
<TouchableOpacity delayLongPress={10} onLongPress={()=>{console.log("pressed")}} activeOpacity={0.6}>
<Text>BUTTON</Text>
</TouchableOpacity>
Run Code Online (Sandbox Code Playgroud)
我试过删除延迟道具,但这仍然不起作用。然而,将 onLongPress 更改为 onPress 似乎确实有效,但我想要长按功能。我正在 Android 模拟器上对此进行测试。
react-native react-native-android touchableopacity touchablehighlight touchablewithoutfeedback
我在我的 react 组件中使用危险的 SetInnerHTML 以如下格式注入 html:
<div
className="mt-2 col variant-attr-cell p-0"
dangerouslySetInnerHTML = { {
__html: JSON.parse(attrs[i].snippet).snippet.replace("{text}",
attrs[i].choices[j].visualization_data)
} }
>
</div>
Run Code Online (Sandbox Code Playgroud)
它工作正常,但我试图同时将样式传递给注入的 html 但不知道如何!我正在尝试根据我获得的 api 向注入的 html 添加不同的样式,如下所示:
height: 12px;
width: 12px;
border-radius: 50%;
display: inline-block;
margin: 0 4px;
Run Code Online (Sandbox Code Playgroud)
仅供参考,注入的 html 主要是这样的:
<span></span>
Run Code Online (Sandbox Code Playgroud)
并且样式必须添加到这个而不是容器div!任何解决方案表示赞赏,谢谢。