小编Sma*_*101的帖子

如何在材质中为对话框设置高度-ui?

我将使用自定义宽度的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,但我没有运气.

reactjs material-ui

12
推荐指数
4
解决办法
1万
查看次数

如何正确使用 React Native onLongPress?

我有一段简单的代码,它只是一个带有 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

6
推荐指数
1
解决办法
1万
查看次数

如何在 React 中使用危险的SetInnerHTML 传递样式

我在我的 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!任何解决方案表示赞赏,谢谢。

javascript reactjs

5
推荐指数
1
解决办法
9140
查看次数