reactjs 如何在react native中设置WebView默认加载器的样式

hi3rlvi2 于 2022-12-18 发布在 React

关注(0)|答案(1)|浏览(206)

<WebView
 source={{ uri: this.state.url }}
 startInLoadingState={<ActivityIndicator
 style={{backgroundColor: Color.transparent, position: 'absolute', left: width * 0.35, top: height / 2 - 50, zIndex: 9,height: width * 0.3,width: width * 0.3,borderRadius: 20}}
 color={Color.white}
 size="large" />}
/>

下面是我的代码

我希望WebView默认属性中包含活动指示符

startInLoadingState={}

我在这里补充，但它不工作，所以我可以做什么
在默认startInLoadingState={}中添加样式

reactjs

来源：https://stackoverflow.com/questions/74819350/how-to-style-webview-default-loader-in-react-native

1条答案

按热度按时间

zz2j4svz1#

startInLoadingState是布尔值，而不是JSX.Element。
如果你想自定义你的加载，只需使用renderLoading prop ，你需要打开startInLoadingState才能使用renderLoading prop 。

<WebView
  source={{ uri: "https://source.com" }}
  startInLoadingState // or `startInLoadingState={true}`
  renderLoading={() => <ActivityIndicator
    style={{
        backgroundColor: Color.transparent, position: 'absolute', left: width * 0.35, top: height / 2 - 50, zIndex: 9,
        height: width * 0.3,
        width: width * 0.3,
        borderRadius: 20
    }}
    color={Color.white}
    size="large" />}
/>

参考：https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md#renderloading

赞(0）回复(0）举报 2022-12-18

我来回答

reactjs 如何在react native中设置WebView默认加载器的样式

1条答案

相关问题

热门标签

最新问答