问题描述
我正在使用 //Init state
_videoController = VideoPlayerController.network(
_urlVideo ?? 'https://Flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4'
);
_chewieController = ChewieController(
videoPlayerController: _videoController,aspectRatio: 3/2,autoplay: false,looping: true,allowFullScreen: true,cupertinoprogressColors: ChewieProgressColors(),);
构建地图，并尝试对其进行样式设置而没有运气。我在这里使用文档：https://github.com/google-map-react/google-map-react/blob/master/API.md，并通过名为google-map-react的道具添加样式，就像上面说的那样，但是我看不到正在应用任何样式。
这是我的代码：
options任何有关如何应用 ANY 样式的指南都将不胜感激。
注意-我正在使用开发人员密钥，不确定是否可能是为什么我看不到样式？
也请注意-我不希望const createMapOptions = () => {
return {
styles: [{stylers: [{'saturation': -100},{'gamma': 0.2},{'lightness': 4},{'visibility': 'on'}]}]
}
}
const Map = ({center,children,onGoogleApiLoaded,useGoogleMapsApis,zoom}) => {
return (
<div className='h-100p w-100p'>
<GoogleMap
bootstrapURLKeys={{key: '...'}}
defaultCenter={center}
defaultZoom={zoom}
options={createMapOptions}
yesIWantToUseGoogleMapApiInternals={useGoogleMapsApis}
onGoogleApiLoaded={onGoogleApiLoaded}
>
{children}
</GoogleMap>
</div>
)
}
上的提示与类似的库有关，但与react-google-maps不同。我见过其他google-map-react个问题，并回答了与google-map-react相关的人。
解决方法
有时，使用包时，进行样式化的响应会很困难。因此，最好的方法是
- 在浏览器中打开Inspect元素
- 选择要修改其样式的特殊元素。
- 复制已在其中使用的类。
- 在您自己的scss或css文件中对相同的CSS className进行更改，然后将对其进行修改。
注意：如果什么都没发生，请尝试在属性中使用！important。
,https://developers.google.com/maps/documentation/javascript/controls#ControlOptions
以此为资源来更改软件包的CSS。
上述资源的屏幕截图
