小编Ded*_*ddy的帖子

React-i18next 在changeLanguage 上导航回导航中的第一个屏幕

我的问题是,当使用react-18next更改语言时,它会导航回第一个屏幕。

我这样称呼它:

i18n.changeLanguage('en')

我有像这样的初始化:

i18n.use(initReactI18next).init({
  resources: {
    en: {
      translation: en
    },
    nl: {
      translation: nl
    }
  }
})
Run Code Online (Sandbox Code Playgroud)

如果我的导航有 ['主'、'设置'、'语言'] 等路线,并且我的语言更改按钮位于语言视图中(我在那里导航:主 -> 设置 -> 语言),它会将用户重定向到主屏幕语言改变后。

语言改变正确,一切正常,除了它似乎重置了一切。我没有任何特定的导航设置。

有人经历过这样的事情吗?

i18next reactjs react-native react-i18next

2
推荐指数
1
解决办法
943
查看次数

Firefox进度条样式

我在Firefox中遇到HTML视频播放器进度条样式的问题.Safari和Chrome都可以,但Firefox完全不同.应该没有"气泡",只有进度条边框的颜色正确.任何人都知道如何摆脱泡沫和填补酒吧背景?

火狐:

火狐

铬:

铬

苹果浏览器:

苹果浏览器

HTML:

<div id="progress">
            <input type="range" id="seek-bar" min="0" max="100"  value="0" class="range" />
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.range {
  -webkit-appearance: none;
  background: linear-gradient(to right,
    #444 0, #444 100%);
  cursor: pointer;
  height: 3px;
  margin: 0;
  transitionx: 0.1s ease-in;
  vertical-align: bottom;
  width: 100%;
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
}


#video-controls:hover .range::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
}
Run Code Online (Sandbox Code Playgroud)

JS:

      // Update the seek bar as the video plays
        video.addEventListener("timeupdate", function () {
      // Calculate the slider value
        var value = (100 / video.duration) …
Run Code Online (Sandbox Code Playgroud)

html javascript css

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

标签 统计

css ×1

html ×1

i18next ×1

javascript ×1

react-i18next ×1

react-native ×1

reactjs ×1