adminnistrateur
/
ilink-world
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ilink-world/docs/.docz/dist/screen/configuration-screen/index.html

2 lines
36 KiB
HTML
Raw Normal View History

Before upgrade to react-native 0.61
2020-03-12 15:14:51 +00:00
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/ilink-world/styles.2543ff947a193d7f33b1.css">@import url(https://fonts.googleapis.com/css?family=Inconsolata&display=swap);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap);</style><meta name="generator" content="Gatsby 2.19.23"/><title data-rh="true">ConfigurationScreen | Ilink Documentation</title><meta data-rh="true" name="description" content="iLink Wolrd Documentation"/><meta data-rh="true" property="og:title" content="ConfigurationScreen"/><meta data-rh="true" property="og:description" content="iLink Wolrd Documentation"/><meta data-rh="true" property="og:type" content="website"/><meta data-rh="true" name="twitter:card" content="summary"/><meta data-rh="true" name="twitter:title" content="ConfigurationScreen"/><meta data-rh="true" name="twitter:description" content="iLink Wolrd Documentation"/><link as="script" rel="preload" href="/ilink-world/webpack-runtime-9e5853327598d6460c5f.js"/><link as="script" rel="preload" href="/ilink-world/styles-20f0d68269fa3624f1d7.js"/><link as="script" rel="preload" href="/ilink-world/app-20731433c17110cace49.js"/><link as="script" rel="preload" href="/ilink-world/commons-c1f2fd74d1b8d5629a84.js"/><link as="script" rel="preload" href="/ilink-world/component---screen-configuration-configurations-mdx-17e98af3f6cb8f3306b0.js"/><link as="fetch" rel="preload" href="/ilink-world/page-data\screen\configuration-screen\page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/ilink-world/page-data\app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><style data-emotion-css="1ouyflx">.css-1ouyflx{font-family:'Source Sans Pro',sans-serif;font-size:20px;font-weight:400;line-height:1.5;color:var(--theme-ui-colors-text,#2D3747);background-color:var(--theme-ui-colors-background,#FFFFFF);}</style><div class="css-1ouyflx"><style data-emotion-css="jrjj6h">.css-jrjj6h > div{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}</style><style data-emotion-css="1ubpee3">.css-1ubpee3{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-1ubpee3 > div{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}</style><style data-emotion-css="hbri28">.css-hbri28{box-sizing:border-box;min-width:0;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-hbri28 > div{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}</style><div data-testid="layout" class="css-hbri28"><style data-emotion-css="1xva7m0">body{margin:0;padding:0;}.icon-link{display:none;}.with-overlay{overflow:hidden;}</style><style data-emotion-css="zf0iqh">.css-zf0iqh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;}</style><style data-emotion-css="1tjxv7i">.css-1tjxv7i{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;}</style><style data-emotion-css="238csb">.css-238csb{box-sizing:border-box;min-width:0;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;}</style><main class="css-238csb"><style data-emotion-css="18wmtq">.css-18wmtq{background-color:var(--theme-ui-colors-header-bg,#F5F6F7);position:relative;z-index:1;border-bottom:1px solid var(--theme-ui-colors-border,#CED4DE);}</style><div data-t
les options disponibles pour la configuration de l&#x27;application sont uniquement le changement de langues.</p><hr class="css-2abk98"/><p class="css-1ftn47p">NB: A l&#x27;avenir, d&#x27;autres options devront être rajoutés à l&#x27;application afin d&#x27;offrir plus d&#x27;options de personnalisations.</p><h2 id="la-bibliothèque-react-native-i18n"><style data-emotion-css="1r0pe6c">.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}</style><a href="#la-bibliothèque-react-native-i18n" class="css-1r0pe6c">La bibliothèque react-native-i18n</a></h2><p class="css-1ftn47p">⚠️ Cette bibliothèque est obsolète</p><p class="css-1ftn47p"><em class="css-0">Il est conseillé d&#x27;utiliser à la place la bibliothèque <style data-emotion-css="1iv9jyz">.css-1iv9jyz{color:var(--theme-ui-colors-primary,#0B5FFF);-webkit-text-decoration:none;text-decoration:none;}.css-1iv9jyz:hover{color:secondary;-webkit-text-decoration:underline;text-decoration:underline;}</style><a href="https://github.com/react-native-community/react-native-localize" class="css-1iv9jyz">react-native-localize</a>. On peut utiliser le package react-native-localize avec <a href="https://github.com/fnando/i18n-js" class="css-1iv9jyz">I18n-js</a> (ou alors <a href="https://github.com/yahoo/react-intl" class="css-1iv9jyz">react-intl</a>, <a href="https://github.com/i18next/react-i18next" class="css-1iv9jyz">react-i18next</a>, etc. Les choix sont multiples!)</em></p><style data-emotion-css="1a2e1jm">.css-1a2e1jm{padding:0;margin:0;margin-bottom:16px;max-width:100%;}</style><img src="https://cdn0.iconfinder.com/data/icons/material-design-ii-glyph/614/3010_-_Translate-512.png" width="100" class="css-1a2e1jm"/><h2 id="la-fonction-de-démarrage-initstate"><a href="#la-fonction-de-démarrage-initstate" class="css-1r0pe6c">La fonction de démarrage initState</a></h2><p class="css-1ftn47p">Au tout début, une fonction init permet d&#x27;initialiser les différents fichiers de langues préalablement créer.</p><div><style data-emotion-css="1h0sj8d">.css-1h0sj8d{padding:16px;margin:0;margin-bottom:32px;font-size:85%;margin-top:32px;text-align:left;font-family:Inconsolata;border-radius:4px;}.css-1h0sj8d dark{[object Object];}.css-1h0sj8d light{[object Object];}</style><pre class="language-javascript prism-code language-javascript css-1h0sj8d" style="font-family:Inconsolata;color:#393A34;background-color:#f6f8fa;overflow-x:auto" data-testid="code"><div class="token-line" style="font-family:Inconsolata;color:#393A34"><style data-emotion-css="1baulvz">.css-1baulvz{display:inline-block;}</style><span class="token function css-1baulvz" style="color:#d73a49">initState</span><span class="token punctuation css-1baulvz" style="color:#393A34">(</span><span class="token punctuation css-1baulvz" style="color:#393A34">)</span><span class="token punctuation css-1baulvz" style="color:#393A34">{</span><span class="token plain css-1baulvz"></span></div><div class="token-line" style="font-family:Inconsolata;color:#393A34"><span class="token plain css-1baulvz"> </span><span class="token keyword css-1baulvz" style="color:#00009f">let</span><span class="token plain css-1baulvz"> language</span><span class="token operator css-1baulvz" style="color:#393A34">=</span><span class="token punctuation css-1baulvz" style="color:#393A34">[</span><span class="token punctuation css-1baulvz" style="color:#393A34">]</span><span class="token punctuation css-1baulvz" style="color:#393A34">;</span><span class="token plain css-1baulvz"></span></div><div class="token-line" style="font-family:Inconsolata;color:#393A34"><span class="token plain css-1baulvz"> language</span><span class="token punctuation css-1baulvz" style="color:#393A34">.</span><span class="token method function property-access css-1baulvz" style="color:#d73a49">push</span><span class="token punctuation css-1baulvz" style="color:#393A34">(</span><span class="token punctuation css-1baulvz" style="color:#393A34">{</span><span