Page Not Found
We could not find what you were looking for.
Please contact the owner of the site that linked you to the original URL and let them know their link is broken.
diff --git a/404.html b/404.html index 78fee1d..74cbf82 100644 --- a/404.html +++ b/404.html @@ -1,19 +1,16 @@ - +
- -We could not find what you were looking for.
Please contact the owner of the site that linked you to the original URL and let them know their link is broken.
We could not find what you were looking for.
Please contact the owner of the site that linked you to the original URL and let them know their link is broken.
["'])(?.*?)\1/,ue=/\{(? [\d,-]+)\}/,me={js:{start:"\\/\\/",end:""},jsBlock:{start:"\\/\\*",end:"\\*\\/"},jsx:{start:"\\{\\s*\\/\\*",end:"\\*\\/\\s*\\}"},bash:{start:"#",end:""},html:{start:"\x3c!--",end:"--\x3e"}},he={...me,lua:{start:"--",end:""},wasm:{start:"\\;\\;",end:""},tex:{start:"%",end:""},vb:{start:"['\u2018\u2019]",end:""},rem:{start:"[Rr][Ee][Mm]\\b",end:""},f90:{start:"!",end:""},ml:{start:"\\(\\*",end:"\\*\\)"},cobol:{start:"\\*>",end:""}},pe=Object.keys(me);function fe(e,t){const n=e.map((e=>{const{start:n,end:s}=he[e];return`(?:${n}\\s*(${t.flatMap((e=>[e.line,e.block?.start,e.block?.end].filter(Boolean))).join("|")})\\s*${s})`})).join("|");return new RegExp(`^\\s*(?:${n})\\s*$`)}function xe(e,t){let n=e.replace(/\n$/,"");const{language:s,magicComments:a,metastring:o}=t;if(o&&ue.test(o)){const e=o.match(ue).groups.range;if(0===a.length)throw new Error(`A highlight range has been given in code block's metastring (\`\`\` ${o}), but no magic comment config is available. Docusaurus applies the first magic comment entry's className for metastring ranges.`);const t=a[0].className,s=re()(e).filter((e=>e>0)).map((e=>[e-1,[t]]));return{lineClassNames:Object.fromEntries(s),code:n}}if(void 0===s)return{lineClassNames:{},code:n};const i=function(e,t){switch(e){case"js":case"javascript":case"ts":case"typescript":return fe(["js","jsBlock"],t);case"jsx":case"tsx":return fe(["js","jsBlock","jsx"],t);case"html":return fe(["js","jsBlock","html"],t);case"python":case"py":case"bash":return fe(["bash"],t);case"markdown":case"md":return fe(["html","jsx","bash"],t);case"tex":case"latex":case"matlab":return fe(["tex"],t);case"lua":case"haskell":case"sql":return fe(["lua"],t);case"wasm":return fe(["wasm"],t);case"vb":case"vbnet":case"vba":case"visual-basic":return fe(["vb","rem"],t);case"batch":return fe(["rem"],t);case"basic":return fe(["rem","f90"],t);case"fsharp":return fe(["js","ml"],t);case"ocaml":case"sml":return fe(["ml"],t);case"fortran":return fe(["f90"],t);case"cobol":return fe(["cobol"],t);default:return fe(pe,t)}}(s,a),l=n.split("\n"),c=Object.fromEntries(a.map((e=>[e.className,{start:0,range:""}]))),r=Object.fromEntries(a.filter((e=>e.line)).map((e=>{let{className:t,line:n}=e;return[n,t]}))),d=Object.fromEntries(a.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.start,t]}))),u=Object.fromEntries(a.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.end,t]})));for(let h=0;h void 0!==e));r[t]?c[r[t]].range+=`${h},`:d[t]?c[d[t]].start=h:u[t]&&(c[u[t]].range+=`${c[u[t]].start}-${h-1},`),l.splice(h,1)}n=l.join("\n");const m={};return Object.entries(c).forEach((e=>{let[t,{range:n}]=e;re()(n).forEach((e=>{m[e]??=[],m[e].push(t)}))})),{lineClassNames:m,code:n}}const be={codeBlockContainer:"codeBlockContainer_Ckt0"};function ge(e){let{as:t,...n}=e;const s=function(e){const t={color:"--prism-color",backgroundColor:"--prism-background-color"},n={};return Object.entries(e.plain).forEach((e=>{let[s,a]=e;const o=t[s];o&&"string"==typeof a&&(n[o]=a)})),n}(le());return(0,i.jsx)(t,{...n,style:s,className:(0,u.Z)(n.className,be.codeBlockContainer,b.k.common.codeBlock)})}const ve={codeBlockContent:"codeBlockContent_biex",codeBlockTitle:"codeBlockTitle_Ktv7",codeBlock:"codeBlock_bY9V",codeBlockStandalone:"codeBlockStandalone_MEMb",codeBlockLines:"codeBlockLines_e6Vv",codeBlockLinesWithNumbering:"codeBlockLinesWithNumbering_o6Pm",buttonGroup:"buttonGroup__atx"};function je(e){let{children:t,className:n}=e;return(0,i.jsx)(ge,{as:"pre",tabIndex:0,className:(0,u.Z)(ve.codeBlockStandalone,"thin-scrollbar",n),children:(0,i.jsx)("code",{className:ve.codeBlockLines,children:t})})}const Ne={attributes:!0,characterData:!0,childList:!0,subtree:!0};function Ce(e,t){const[n,a]=(0,s.useState)(),i=(0,s.useCallback)((()=>{a(e.current?.closest("[role=tabpanel][hidden]"))}),[e,a]);(0,s.useEffect)((()=>{i()}),[i]),function(e,t,n){void 0===n&&(n=Ne);const a=(0,o.zX)(t),i=(0,o.Ql)(n);(0,s.useEffect)((()=>{const t=new MutationObserver(a);return e&&t.observe(e,i),()=>t.disconnect()}),[e,a,i])}(n,(e=>{e.forEach((e=>{"attributes"===e.type&&"hidden"===e.attributeName&&(t(),i())}))}),{attributes:!0,characterData:!1,childList:!1,subtree:!1})}var ke=n(2573);const Le={codeLine:"codeLine_lJS_",codeLineNumber:"codeLineNumber_Tfdd",codeLineContent:"codeLineContent_feaV"};function ye(e){let{line:t,classNames:n,showLineNumbers:s,getLineProps:a,getTokenProps:o}=e;1===t.length&&"\n"===t[0].content&&(t[0].content="");const l=a({line:t,className:(0,u.Z)(n,s&&Le.codeLine)}),c=t.map(((e,t)=>(0,i.jsx)("span",{...o({token:e,key:t})},t)));return(0,i.jsxs)("span",{...l,children:[s?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:Le.codeLineNumber}),(0,i.jsx)("span",{className:Le.codeLineContent,children:c})]}):c,(0,i.jsx)("br",{})]})}function _e(e){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",...e,children:(0,i.jsx)("path",{fill:"currentColor",d:"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"})})}function Be(e){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",...e,children:(0,i.jsx)("path",{fill:"currentColor",d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"})})}const we={copyButtonCopied:"copyButtonCopied_obH4",copyButtonIcons:"copyButtonIcons_eSgA",copyButtonIcon:"copyButtonIcon_y97N",copyButtonSuccessIcon:"copyButtonSuccessIcon_LjdS"};function Ze(e){let{code:t,className:n}=e;const[a,o]=(0,s.useState)(!1),l=(0,s.useRef)(void 0),c=(0,s.useCallback)((()=>{!function(e,t){let{target:n=document.body}=void 0===t?{}:t;if("string"!=typeof e)throw new TypeError(`Expected parameter \`text\` to be a \`string\`, got \`${typeof e}\`.`);const s=document.createElement("textarea"),a=document.activeElement;s.value=e,s.setAttribute("readonly",""),s.style.contain="strict",s.style.position="absolute",s.style.left="-9999px",s.style.fontSize="12pt";const o=document.getSelection(),i=o.rangeCount>0&&o.getRangeAt(0);n.append(s),s.select(),s.selectionStart=0,s.selectionEnd=e.length;let l=!1;try{l=document.execCommand("copy")}catch{}s.remove(),i&&(o.removeAllRanges(),o.addRange(i)),a&&a.focus()}(t),o(!0),l.current=window.setTimeout((()=>{o(!1)}),1e3)}),[t]);return(0,s.useEffect)((()=>()=>window.clearTimeout(l.current)),[]),(0,i.jsx)("button",{type:"button","aria-label":a?(0,g.I)({id:"theme.CodeBlock.copied",message:"Copied",description:"The copied button label on code blocks"}):(0,g.I)({id:"theme.CodeBlock.copyButtonAriaLabel",message:"Copy code to clipboard",description:"The ARIA label for copy code blocks button"}),title:(0,g.I)({id:"theme.CodeBlock.copy",message:"Copy",description:"The copy button label on code blocks"}),className:(0,u.Z)("clean-btn",n,we.copyButton,a&&we.copyButtonCopied),onClick:c,children:(0,i.jsxs)("span",{className:we.copyButtonIcons,"aria-hidden":"true",children:[(0,i.jsx)(_e,{className:we.copyButtonIcon}),(0,i.jsx)(Be,{className:we.copyButtonSuccessIcon})]})})}function Te(e){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",...e,children:(0,i.jsx)("path",{fill:"currentColor",d:"M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3l3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z"})})}const Ee={wordWrapButtonIcon:"wordWrapButtonIcon_Bwma",wordWrapButtonEnabled:"wordWrapButtonEnabled_EoeP"};function He(e){let{className:t,onClick:n,isEnabled:s}=e;const a=(0,g.I)({id:"theme.CodeBlock.wordWrapToggle",message:"Toggle word wrap",description:"The title attribute for toggle word wrapping button of code block lines"});return(0,i.jsx)("button",{type:"button",onClick:n,className:(0,u.Z)("clean-btn",t,s&&Ee.wordWrapButtonEnabled),"aria-label":a,title:a,children:(0,i.jsx)(Te,{className:Ee.wordWrapButtonIcon,"aria-hidden":"true"})})}function Ae(e){let{children:t,className:n="",metastring:a,title:o,showLineNumbers:l,language:c}=e;const{prism:{defaultLanguage:r,magicComments:d}}=(0,M.L)(),m=function(e){return e?.toLowerCase()}(c??function(e){const t=e.split(" ").find((e=>e.startsWith("language-")));return t?.replace(/language-/,"")}(n)??r),h=le(),p=function(){const[e,t]=(0,s.useState)(!1),[n,a]=(0,s.useState)(!1),o=(0,s.useRef)(null),i=(0,s.useCallback)((()=>{const n=o.current.querySelector("code");e?n.removeAttribute("style"):(n.style.whiteSpace="pre-wrap",n.style.overflowWrap="anywhere"),t((e=>!e))}),[o,e]),l=(0,s.useCallback)((()=>{const{scrollWidth:e,clientWidth:t}=o.current,n=e>t||o.current.querySelector("code").hasAttribute("style");a(n)}),[o]);return Ce(o,l),(0,s.useEffect)((()=>{l()}),[e,l]),(0,s.useEffect)((()=>(window.addEventListener("resize",l,{passive:!0}),()=>{window.removeEventListener("resize",l)})),[l]),{codeBlockRef:o,isEnabled:e,isCodeScrollable:n,toggle:i}}(),f=function(e){return e?.match(de)?.groups.title??""}(a)||o,{lineClassNames:x,code:b}=xe(t,{metastring:a,language:m,magicComments:d}),g=l??function(e){return Boolean(e?.includes("showLineNumbers"))}(a);return(0,i.jsxs)(ge,{as:"div",className:(0,u.Z)(n,m&&!n.includes(`language-${m}`)&&`language-${m}`),children:[f&&(0,i.jsx)("div",{className:ve.codeBlockTitle,children:f}),(0,i.jsxs)("div",{className:ve.codeBlockContent,children:[(0,i.jsx)(ke.y$,{theme:h,code:b,language:m??"text",children:e=>{let{className:t,style:n,tokens:s,getLineProps:a,getTokenProps:o}=e;return(0,i.jsx)("pre",{tabIndex:0,ref:p.codeBlockRef,className:(0,u.Z)(t,ve.codeBlock,"thin-scrollbar"),style:n,children:(0,i.jsx)("code",{className:(0,u.Z)(ve.codeBlockLines,g&&ve.codeBlockLinesWithNumbering),children:s.map(((e,t)=>(0,i.jsx)(ye,{line:e,getLineProps:a,getTokenProps:o,classNames:x[t],showLineNumbers:g},t)))})})}}),(0,i.jsxs)("div",{className:ve.buttonGroup,children:[(p.isEnabled||p.isCodeScrollable)&&(0,i.jsx)(He,{className:ve.codeButton,onClick:()=>p.toggle(),isEnabled:p.isEnabled}),(0,i.jsx)(Ze,{className:ve.codeButton,code:b})]})]})]})}function Ie(e){let{children:t,...n}=e;const a=(0,oe.Z)(),o=function(e){return s.Children.toArray(e).some((e=>(0,s.isValidElement)(e)))?e:Array.isArray(e)?e.join(""):e}(t),l="string"==typeof o?Ae:je;return(0,i.jsx)(l,{...n,children:o},String(a))}function Me(e){return(0,i.jsx)("code",{...e})}const Se={details:"details_lb9f",isBrowser:"isBrowser_bmU9",collapsibleContent:"collapsibleContent_i85q"};function Ue(e){return!!e&&("SUMMARY"===e.tagName||Ue(e.parentElement))}function ze(e,t){return!!e&&(e===t||ze(e.parentElement,t))}function Ve(e){let{summary:t,children:n,...a}=e;const o=(0,oe.Z)(),l=(0,s.useRef)(null),{collapsed:c,setCollapsed:r}=(0,I.u)({initialState:!a.open}),[d,m]=(0,s.useState)(a.open),h=s.isValidElement(t)?t:(0,i.jsx)("summary",{children:t??"Details"});return(0,i.jsxs)("details",{...a,ref:l,open:d,"data-collapsed":c,className:(0,u.Z)(Se.details,o&&Se.isBrowser,a.className),onMouseDown:e=>{Ue(e.target)&&e.detail>1&&e.preventDefault()},onClick:e=>{e.stopPropagation();const t=e.target;Ue(t)&&ze(t,l.current)&&(e.preventDefault(),c?(r(!1),m(!0)):r(!0))},children:[h,(0,i.jsx)(I.z,{lazy:!1,collapsed:c,disableSSRStyle:!0,onCollapseTransitionEnd:e=>{r(e),m(!e)},children:(0,i.jsx)("div",{className:Se.collapsibleContent,children:n})})]})}const Re={details:"details_b_Ee"},Oe="alert alert--info";function Pe(e){let{...t}=e;return(0,i.jsx)(Ve,{...t,className:(0,u.Z)(Oe,Re.details,t.className)})}function $e(e){const t=s.Children.toArray(e.children),n=t.find((e=>s.isValidElement(e)&&"summary"===e.type)),a=(0,i.jsx)(i.Fragment,{children:t.filter((e=>e!==n))});return(0,i.jsx)(Pe,{...e,summary:n,children:a})}function De(e){return(0,i.jsx)(ne.Z,{...e})}const We={containsTaskList:"containsTaskList_mC6p"};function Fe(e){if(void 0!==e)return(0,u.Z)(e,e?.includes("contains-task-list")&&We.containsTaskList)}const qe={img:"img_ev3q"};function Ge(e){const{mdxAdmonitionTitle:t,rest:n}=function(e){const t=s.Children.toArray(e),n=t.find((e=>s.isValidElement(e)&&"mdxAdmonitionTitle"===e.type)),a=t.filter((e=>e!==n)),o=n?.props.children;return{mdxAdmonitionTitle:o,rest:a.length>0?(0,i.jsx)(i.Fragment,{children:a}):null}}(e.children),a=e.title??t;return{...e,...a&&{title:a},children:n}}const Je={admonition:"admonition_xJq3",admonitionHeading:"admonitionHeading_Gvgb",admonitionIcon:"admonitionIcon_Rf37",admonitionContent:"admonitionContent_BuS1"};function Ye(e){let{type:t,className:n,children:s}=e;return(0,i.jsx)("div",{className:(0,u.Z)(b.k.common.admonition,b.k.common.admonitionType(t),Je.admonition,n),children:s})}function Qe(e){let{icon:t,title:n}=e;return(0,i.jsxs)("div",{className:Je.admonitionHeading,children:[(0,i.jsx)("span",{className:Je.admonitionIcon,children:t}),n]})}function Xe(e){let{children:t}=e;return t?(0,i.jsx)("div",{className:Je.admonitionContent,children:t}):null}function Ke(e){const{type:t,icon:n,title:s,children:a,className:o}=e;return(0,i.jsxs)(Ye,{type:t,className:o,children:[(0,i.jsx)(Qe,{title:s,icon:n}),(0,i.jsx)(Xe,{children:a})]})}function et(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})})}const tt={icon:(0,i.jsx)(et,{}),title:(0,i.jsx)(g.Z,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)",children:"note"})};function nt(e){return(0,i.jsx)(Ke,{...tt,...e,className:(0,u.Z)("alert alert--secondary",e.className),children:e.children})}function st(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})})}const at={icon:(0,i.jsx)(st,{}),title:(0,i.jsx)(g.Z,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)",children:"tip"})};function ot(e){return(0,i.jsx)(Ke,{...at,...e,className:(0,u.Z)("alert alert--success",e.className),children:e.children})}function it(e){return(0,i.jsx)("svg",{viewBox:"0 0 14 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})})}const lt={icon:(0,i.jsx)(it,{}),title:(0,i.jsx)(g.Z,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)",children:"info"})};function ct(e){return(0,i.jsx)(Ke,{...lt,...e,className:(0,u.Z)("alert alert--info",e.className),children:e.children})}function rt(e){return(0,i.jsx)("svg",{viewBox:"0 0 16 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})})}const dt={icon:(0,i.jsx)(rt,{}),title:(0,i.jsx)(g.Z,{id:"theme.admonition.warning",description:"The default label used for the Warning admonition (:::warning)",children:"warning"})};function ut(e){return(0,i.jsx)("svg",{viewBox:"0 0 12 16",...e,children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})})}const mt={icon:(0,i.jsx)(ut,{}),title:(0,i.jsx)(g.Z,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)",children:"danger"})};const ht={icon:(0,i.jsx)(rt,{}),title:(0,i.jsx)(g.Z,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)",children:"caution"})};const pt={...{note:nt,tip:ot,info:ct,warning:function(e){return(0,i.jsx)(Ke,{...dt,...e,className:(0,u.Z)("alert alert--warning",e.className),children:e.children})},danger:function(e){return(0,i.jsx)(Ke,{...mt,...e,className:(0,u.Z)("alert alert--danger",e.className),children:e.children})}},...{secondary:e=>(0,i.jsx)(nt,{title:"secondary",...e}),important:e=>(0,i.jsx)(ct,{title:"important",...e}),success:e=>(0,i.jsx)(ot,{title:"success",...e}),caution:function(e){return(0,i.jsx)(Ke,{...ht,...e,className:(0,u.Z)("alert alert--warning",e.className),children:e.children})}}};function ft(e){const t=Ge(e),n=(s=t.type,pt[s]||(console.warn(`No admonition component found for admonition type "${s}". Using Info as fallback.`),pt.info));var s;return(0,i.jsx)(n,{...t})}var xt=n(1875);const bt={Head:ae.Z,details:$e,Details:$e,code:function(e){return function(e){return void 0!==e.children&&s.Children.toArray(e.children).every((e=>"string"==typeof e&&!e.includes("\n")))}(e)?(0,i.jsx)(Me,{...e}):(0,i.jsx)(Ie,{...e})},a:function(e){return(0,i.jsx)(C.Z,{...e})},pre:function(e){return(0,i.jsx)(i.Fragment,{children:e.children})},ul:function(e){return(0,i.jsx)("ul",{...e,className:Fe(e.className)})},img:function(e){return(0,i.jsx)("img",{loading:"lazy",...e,className:(t=e.className,(0,u.Z)(t,qe.img))});var t},h1:e=>(0,i.jsx)(De,{as:"h1",...e}),h2:e=>(0,i.jsx)(De,{as:"h2",...e}),h3:e=>(0,i.jsx)(De,{as:"h3",...e}),h4:e=>(0,i.jsx)(De,{as:"h4",...e}),h5:e=>(0,i.jsx)(De,{as:"h5",...e}),h6:e=>(0,i.jsx)(De,{as:"h6",...e}),admonition:ft,mermaid:xt.Z};function gt(e){let{children:t}=e;return(0,i.jsx)(se.Z,{components:bt,children:t})}function vt(e){let{children:t}=e;const n=function(){const{metadata:e,frontMatter:t,contentTitle:n}=r();return t.hide_title||void 0!==n?null:e.title}();return(0,i.jsxs)("div",{className:(0,u.Z)(b.k.docs.docMarkdown,"markdown"),children:[n&&(0,i.jsx)("header",{children:(0,i.jsx)(ne.Z,{as:"h1",children:n})}),(0,i.jsx)(gt,{children:t})]})}var jt=n(1310);function Nt(){return(0,i.jsx)(g.Z,{id:"theme.unlistedContent.title",description:"The unlisted content banner title",children:"Unlisted page"})}function Ct(){return(0,i.jsx)(g.Z,{id:"theme.unlistedContent.message",description:"The unlisted content banner message",children:"This page is unlisted. Search engines will not index it, and only users having a direct link can access it."})}function kt(){return(0,i.jsx)(ae.Z,{children:(0,i.jsx)("meta",{name:"robots",content:"noindex, nofollow"})})}function Lt(e){let{className:t}=e;return(0,i.jsx)(ft,{type:"caution",title:(0,i.jsx)(Nt,{}),className:(0,u.Z)(t,b.k.common.unlistedBanner),children:(0,i.jsx)(Ct,{})})}function yt(e){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(kt,{}),(0,i.jsx)(Lt,{...e})]})}const _t={docItemContainer:"docItemContainer_Djhp",docItemCol:"docItemCol_VOVn"};function Bt(e){let{children:t}=e;const n=function(){const{frontMatter:e,toc:t}=r(),n=(0,m.i)(),s=e.hide_table_of_contents,a=!s&&t.length>0;return{hidden:s,mobile:a?(0,i.jsx)(Y,{}):void 0,desktop:!a||"desktop"!==n&&"ssr"!==n?void 0:(0,i.jsx)(te,{})}}(),{metadata:{unlisted:s}}=r();return(0,i.jsxs)("div",{className:"row",children:[(0,i.jsxs)("div",{className:(0,u.Z)("col",!n.hidden&&_t.docItemCol),children:[s&&(0,i.jsx)(yt,{}),(0,i.jsx)(f.Z,{}),(0,i.jsxs)("div",{className:_t.docItemContainer,children:[(0,i.jsxs)("article",{children:[(0,i.jsx)(jt.Z,{}),(0,i.jsx)(x.Z,{}),n.mobile,(0,i.jsx)(vt,{children:t}),(0,i.jsx)(A,{})]}),(0,i.jsx)(p,{})]})]}),n.desktop&&(0,i.jsx)("div",{className:"col col--3",children:n.desktop})]})}function wt(e){const t=`docs-doc-id-${e.content.metadata.id}`,n=e.content;return(0,i.jsx)(c,{content:e.content,children:(0,i.jsxs)(a.FG,{className:t,children:[(0,i.jsx)(d,{}),(0,i.jsx)(Bt,{children:(0,i.jsx)(n,{})})]})})}},4966:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(7294);var s=n(5999),a=n(512),o=n(3692),i=n(5893);function l(e){const{permalink:t,title:n,subLabel:s,isNext:l}=e;return(0,i.jsxs)(o.Z,{className:(0,a.Z)("pagination-nav__link",l?"pagination-nav__link--next":"pagination-nav__link--prev"),to:t,children:[s&&(0,i.jsx)("div",{className:"pagination-nav__sublabel",children:s}),(0,i.jsx)("div",{className:"pagination-nav__label",children:n})]})}function c(e){const{previous:t,next:n}=e;return(0,i.jsxs)("nav",{className:"pagination-nav docusaurus-mt-lg","aria-label":(0,s.I)({id:"theme.docs.paginator.navAriaLabel",message:"Docs pages",description:"The ARIA label for the docs pagination"}),children:[t&&(0,i.jsx)(l,{...t,subLabel:(0,i.jsx)(s.Z,{id:"theme.docs.paginator.previous",description:"The label used to navigate to the previous doc",children:"Previous"})}),n&&(0,i.jsx)(l,{...n,subLabel:(0,i.jsx)(s.Z,{id:"theme.docs.paginator.next",description:"The label used to navigate to the next doc",children:"Next"}),isNext:!0})]})}},4364:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(7294);var s=n(512),a=n(5999),o=n(5281),i=n(4477),l=n(5893);function c(e){let{className:t}=e;const n=(0,i.E)();return n.badge?(0,l.jsx)("span",{className:(0,s.Z)(t,o.k.docs.docVersionBadge,"badge badge--secondary"),children:(0,l.jsx)(a.Z,{id:"theme.docs.versionBadge.label",values:{versionLabel:n.label},children:"Version: {versionLabel}"})}):null}},3120:(e,t,n)=>{"use strict";n.d(t,{Z:()=>x});n(7294);var s=n(512),a=n(2263),o=n(3692),i=n(5999),l=n(143),c=n(5281),r=n(373),d=n(4477),u=n(5893);const m={unreleased:function(e){let{siteTitle:t,versionMetadata:n}=e;return(0,u.jsx)(i.Z,{id:"theme.docs.versions.unreleasedVersionLabel",description:"The label used to tell the user that he's browsing an unreleased doc version",values:{siteTitle:t,versionLabel:(0,u.jsx)("b",{children:n.label})},children:"This is unreleased documentation for {siteTitle} {versionLabel} version."})},unmaintained:function(e){let{siteTitle:t,versionMetadata:n}=e;return(0,u.jsx)(i.Z,{id:"theme.docs.versions.unmaintainedVersionLabel",description:"The label used to tell the user that he's browsing an unmaintained doc version",values:{siteTitle:t,versionLabel:(0,u.jsx)("b",{children:n.label})},children:"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained."})}};function h(e){const t=m[e.versionMetadata.banner];return(0,u.jsx)(t,{...e})}function p(e){let{versionLabel:t,to:n,onClick:s}=e;return(0,u.jsx)(i.Z,{id:"theme.docs.versions.latestVersionSuggestionLabel",description:"The label used to tell the user to check the latest version",values:{versionLabel:t,latestVersionLink:(0,u.jsx)("b",{children:(0,u.jsx)(o.Z,{to:n,onClick:s,children:(0,u.jsx)(i.Z,{id:"theme.docs.versions.latestVersionLinkLabel",description:"The label used for the latest version suggestion link label",children:"latest version"})})})},children:"For up-to-date documentation, see the {latestVersionLink} ({versionLabel})."})}function f(e){let{className:t,versionMetadata:n}=e;const{siteConfig:{title:o}}=(0,a.Z)(),{pluginId:i}=(0,l.gA)({failfast:!0}),{savePreferredVersionName:d}=(0,r.J)(i),{latestDocSuggestion:m,latestVersionSuggestion:f}=(0,l.Jo)(i),x=m??(b=f).docs.find((e=>e.id===b.mainDocId));var b;return(0,u.jsxs)("div",{className:(0,s.Z)(t,c.k.docs.docVersionBanner,"alert alert--warning margin-bottom--md"),role:"alert",children:[(0,u.jsx)("div",{children:(0,u.jsx)(h,{siteTitle:o,versionMetadata:n})}),(0,u.jsx)("div",{className:"margin-top--md",children:(0,u.jsx)(p,{versionLabel:f.label,to:x.path,onClick:()=>d(f.name)})})]})}function x(e){let{className:t}=e;const n=(0,d.E)();return n.banner?(0,u.jsx)(f,{className:t,versionMetadata:n}):null}},7594:(e,t)=>{function n(e){let t,n=[];for(let s of e.split(",").map((e=>e.trim())))if(/^-?\d+$/.test(s))n.push(parseInt(s,10));else if(t=s.match(/^(-?\d+)(-|\.\.\.?|\u2025|\u2026|\u22EF)(-?\d+)$/)){let[e,s,a,o]=t;if(s&&o){s=parseInt(s),o=parseInt(o);const e=s {"use strict";n.d(t,{Z:()=>l,a:()=>i});var s=n(7294);const a={},o=s.createContext(a);function i(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:i(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/17896441.fb29058d.js b/assets/js/17896441.fb29058d.js deleted file mode 100644 index d1a60f4..0000000 --- a/assets/js/17896441.fb29058d.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7918],{3905:(e,t,n)=>{"use strict";n.d(t,{Zo:()=>d,kt:()=>p});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t =0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=a.createContext({}),i=function(e){var t=a.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},d=function(e){var t=i(e.components);return a.createElement(s.Provider,{value:t},e.children)},m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,s=e.parentName,d=c(e,["components","mdxType","originalType","parentName"]),u=i(n),p=r,f=u["".concat(s,".").concat(p)]||u[p]||m[p]||o;return n?a.createElement(f,l(l({ref:t},d),{},{components:n})):a.createElement(f,l({ref:t},d))}));function p(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,l=new Array(o);l[0]=u;var c={};for(var s in t)hasOwnProperty.call(t,s)&&(c[s]=t[s]);c.originalType=e,c.mdxType="string"==typeof e?e:r,l[1]=c;for(var i=2;i {"use strict";n.d(t,{Z:()=>b});var a=n(7462),r=n(7294),o=n(6010),l=n(5281),c=n(3438),s=n(8596),i=n(9960),d=n(5999),m=n(4996);function u(e){return r.createElement("svg",(0,a.Z)({viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z",fill:"currentColor"}))}const p="breadcrumbHomeIcon_YNFT";function f(){const e=(0,m.Z)("/");return r.createElement("li",{className:"breadcrumbs__item"},r.createElement(i.Z,{"aria-label":(0,d.I)({id:"theme.docs.breadcrumbs.home",message:"Home page",description:"The ARIA label for the home page in the breadcrumbs"}),className:"breadcrumbs__link",href:e},r.createElement(u,{className:p})))}const h="breadcrumbsContainer_Z_bl";function g(e){let{children:t,href:n,isLast:a}=e;const o="breadcrumbs__link";return a?r.createElement("span",{className:o,itemProp:"name"},t):n?r.createElement(i.Z,{className:o,href:n,itemProp:"item"},r.createElement("span",{itemProp:"name"},t)):r.createElement("span",{className:o},t)}function v(e){let{children:t,active:n,index:l,addMicrodata:c}=e;return r.createElement("li",(0,a.Z)({},c&&{itemScope:!0,itemProp:"itemListElement",itemType:"https://schema.org/ListItem"},{className:(0,o.Z)("breadcrumbs__item",{"breadcrumbs__item--active":n})}),t,r.createElement("meta",{itemProp:"position",content:String(l+1)}))}function b(){const e=(0,c.s1)(),t=(0,s.Ns)();return e?r.createElement("nav",{className:(0,o.Z)(l.k.docs.docBreadcrumbs,h),"aria-label":(0,d.I)({id:"theme.docs.breadcrumbs.navAriaLabel",message:"Breadcrumbs",description:"The ARIA label for the breadcrumbs"})},r.createElement("ul",{className:"breadcrumbs",itemScope:!0,itemType:"https://schema.org/BreadcrumbList"},t&&r.createElement(f,null),e.map(((t,n)=>{const a=n===e.length-1;return r.createElement(v,{key:n,active:a,index:n,addMicrodata:!!t.href},r.createElement(g,{href:t.href,isLast:a},t.label))})))):null}},7617:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>vt});var a=n(7294),r=n(1944),o=n(902);const l=a.createContext(null);function c(e){let{children:t,content:n}=e;const r=function(e){return(0,a.useMemo)((()=>({metadata:e.metadata,frontMatter:e.frontMatter,assets:e.assets,contentTitle:e.contentTitle,toc:e.toc})),[e])}(n);return a.createElement(l.Provider,{value:r},t)}function s(){const e=(0,a.useContext)(l);if(null===e)throw new o.i6("DocProvider");return e}function i(){const{metadata:e,frontMatter:t,assets:n}=s();return a.createElement(r.d,{title:e.title,description:e.description,keywords:t.keywords,image:n.image??t.image})}var d=n(6010),m=n(7524),u=n(4966);function p(){const{metadata:e}=s();return a.createElement(u.Z,{previous:e.previous,next:e.next})}var f=n(3120),h=n(4364),g=n(5281),v=n(5999);function b(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:n}=e;return a.createElement(v.Z,{id:"theme.lastUpdated.atDate",description:"The words used to describe on which date a page has been last updated",values:{date:a.createElement("b",null,a.createElement("time",{dateTime:new Date(1e3*t).toISOString()},n))}}," on {date}")}function E(e){let{lastUpdatedBy:t}=e;return a.createElement(v.Z,{id:"theme.lastUpdated.byUser",description:"The words used to describe by who the page has been last updated",values:{user:a.createElement("b",null,t)}}," by {user}")}function y(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:n,lastUpdatedBy:r}=e;return a.createElement("span",{className:g.k.common.lastUpdated},a.createElement(v.Z,{id:"theme.lastUpdated.lastUpdatedAtBy",description:"The sentence used to display when a page has been last updated, and by who",values:{atDate:t&&n?a.createElement(b,{lastUpdatedAt:t,formattedLastUpdatedAt:n}):"",byUser:r?a.createElement(E,{lastUpdatedBy:r}):""}},"Last updated{atDate}{byUser}"),!1)}var k=n(7462);const N="iconEdit_Z9Sw";function L(e){let{className:t,...n}=e;return a.createElement("svg",(0,k.Z)({fill:"currentColor",height:"20",width:"20",viewBox:"0 0 40 40",className:(0,d.Z)(N,t),"aria-hidden":"true"},n),a.createElement("g",null,a.createElement("path",{d:"m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"})))}function C(e){let{editUrl:t}=e;return a.createElement("a",{href:t,target:"_blank",rel:"noreferrer noopener",className:g.k.common.editThisPage},a.createElement(L,null),a.createElement(v.Z,{id:"theme.common.editThisPage",description:"The link label to edit the current page"},"Edit this page"))}var _=n(9960);const Z="tag_zVej",T="tagRegular_sFm0",w="tagWithCount_h2kH";function x(e){let{permalink:t,label:n,count:r}=e;return a.createElement(_.Z,{href:t,className:(0,d.Z)(Z,r?w:T)},n,r&&a.createElement("span",null,r))}const B="tags_jXut",O="tag_QGVx";function A(e){let{tags:t}=e;return a.createElement(a.Fragment,null,a.createElement("b",null,a.createElement(v.Z,{id:"theme.tags.tagsListLabel",description:"The label alongside a tag list"},"Tags:")),a.createElement("ul",{className:(0,d.Z)(B,"padding--none","margin-left--sm")},t.map((e=>{let{label:t,permalink:n}=e;return a.createElement("li",{key:n,className:O},a.createElement(x,{label:t,permalink:n}))}))))}const j="lastUpdated_vwxv";function H(e){return a.createElement("div",{className:(0,d.Z)(g.k.docs.docFooterTagsRow,"row margin-bottom--sm")},a.createElement("div",{className:"col"},a.createElement(A,e)))}function S(e){let{editUrl:t,lastUpdatedAt:n,lastUpdatedBy:r,formattedLastUpdatedAt:o}=e;return a.createElement("div",{className:(0,d.Z)(g.k.docs.docFooterEditMetaRow,"row")},a.createElement("div",{className:"col"},t&&a.createElement(C,{editUrl:t})),a.createElement("div",{className:(0,d.Z)("col",j)},(n||r)&&a.createElement(y,{lastUpdatedAt:n,formattedLastUpdatedAt:o,lastUpdatedBy:r})))}function M(){const{metadata:e}=s(),{editUrl:t,lastUpdatedAt:n,formattedLastUpdatedAt:r,lastUpdatedBy:o,tags:l}=e,c=l.length>0,i=!!(t||n||o);return c||i?a.createElement("footer",{className:(0,d.Z)(g.k.docs.docFooter,"docusaurus-mt-lg")},c&&a.createElement(H,{tags:l}),i&&a.createElement(S,{editUrl:t,lastUpdatedAt:n,lastUpdatedBy:o,formattedLastUpdatedAt:r})):null}var I=n(6043),P=n(6668);function U(e){const t=e.map((e=>({...e,parentIndex:-1,children:[]}))),n=Array(7).fill(-1);t.forEach(((e,t)=>{const a=n.slice(2,e.level);e.parentIndex=Math.max(...a),n[e.level]=t}));const a=[];return t.forEach((e=>{const{parentIndex:n,...r}=e;n>=0?t[n].children.push(r):a.push(r)})),a}function z(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:a}=e;return t.flatMap((e=>{const t=z({toc:e.children,minHeadingLevel:n,maxHeadingLevel:a});return function(e){return e.level>=n&&e.level<=a}(e)?[{...e,children:t}]:t}))}function V(e){const t=e.getBoundingClientRect();return t.top===t.bottom?V(e.parentNode):t}function D(e,t){let{anchorTopOffset:n}=t;const a=e.find((e=>V(e).top>=n));if(a){return function(e){return e.top>0&&e.bottom {e.current=t?0:document.querySelector(".navbar").clientHeight}),[t]),e}function $(e){const t=(0,a.useRef)(void 0),n=R();(0,a.useEffect)((()=>{if(!e)return()=>{};const{linkClassName:a,linkActiveClassName:r,minHeadingLevel:o,maxHeadingLevel:l}=e;function c(){const e=function(e){return Array.from(document.getElementsByClassName(e))}(a),c=function(e){let{minHeadingLevel:t,maxHeadingLevel:n}=e;const a=[];for(let r=t;r<=n;r+=1)a.push(`h${r}.anchor`);return Array.from(document.querySelectorAll(a.join()))}({minHeadingLevel:o,maxHeadingLevel:l}),s=D(c,{anchorTopOffset:n.current}),i=e.find((e=>s&&s.id===function(e){return decodeURIComponent(e.href.substring(e.href.indexOf("#")+1))}(e)));e.forEach((e=>{!function(e,n){n?(t.current&&t.current!==e&&t.current.classList.remove(r),e.classList.add(r),t.current=e):e.classList.remove(r)}(e,e===i)}))}return document.addEventListener("scroll",c),document.addEventListener("resize",c),c(),()=>{document.removeEventListener("scroll",c),document.removeEventListener("resize",c)}}),[e,n])}function W(e){let{toc:t,className:n,linkClassName:r,isChild:o}=e;return t.length?a.createElement("ul",{className:o?void 0:n},t.map((e=>a.createElement("li",{key:e.id},a.createElement("a",{href:`#${e.id}`,className:r??void 0,dangerouslySetInnerHTML:{__html:e.value}}),a.createElement(W,{isChild:!0,toc:e.children,className:n,linkClassName:r}))))):null}const F=a.memo(W);function q(e){let{toc:t,className:n="table-of-contents table-of-contents__left-border",linkClassName:r="table-of-contents__link",linkActiveClassName:o,minHeadingLevel:l,maxHeadingLevel:c,...s}=e;const i=(0,P.L)(),d=l??i.tableOfContents.minHeadingLevel,m=c??i.tableOfContents.maxHeadingLevel,u=function(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:r}=e;return(0,a.useMemo)((()=>z({toc:U(t),minHeadingLevel:n,maxHeadingLevel:r})),[t,n,r])}({toc:t,minHeadingLevel:d,maxHeadingLevel:m});return $((0,a.useMemo)((()=>{if(r&&o)return{linkClassName:r,linkActiveClassName:o,minHeadingLevel:d,maxHeadingLevel:m}}),[r,o,d,m])),a.createElement(F,(0,k.Z)({toc:u,className:n,linkClassName:r},s))}const G="tocCollapsibleButton_TO0P",Y="tocCollapsibleButtonExpanded_MG3E";function J(e){let{collapsed:t,...n}=e;return a.createElement("button",(0,k.Z)({type:"button"},n,{className:(0,d.Z)("clean-btn",G,!t&&Y,n.className)}),a.createElement(v.Z,{id:"theme.TOCCollapsible.toggleButtonLabel",description:"The label used by the button on the collapsible TOC component"},"On this page"))}const Q="tocCollapsible_ETCw",X="tocCollapsibleContent_vkbj",K="tocCollapsibleExpanded_sAul";function ee(e){let{toc:t,className:n,minHeadingLevel:r,maxHeadingLevel:o}=e;const{collapsed:l,toggleCollapsed:c}=(0,I.u)({initialState:!0});return a.createElement("div",{className:(0,d.Z)(Q,!l&&K,n)},a.createElement(J,{collapsed:l,onClick:c}),a.createElement(I.z,{lazy:!0,className:X,collapsed:l},a.createElement(q,{toc:t,minHeadingLevel:r,maxHeadingLevel:o})))}const te="tocMobile_ITEo";function ne(){const{toc:e,frontMatter:t}=s();return a.createElement(ee,{toc:e,minHeadingLevel:t.toc_min_heading_level,maxHeadingLevel:t.toc_max_heading_level,className:(0,d.Z)(g.k.docs.docTocMobile,te)})}const ae="tableOfContents_bqdL";function re(e){let{className:t,...n}=e;return a.createElement("div",{className:(0,d.Z)(ae,"thin-scrollbar",t)},a.createElement(q,(0,k.Z)({},n,{linkClassName:"table-of-contents__link toc-highlight",linkActiveClassName:"table-of-contents__link--active"})))}function oe(){const{toc:e,frontMatter:t}=s();return a.createElement(re,{toc:e,minHeadingLevel:t.toc_min_heading_level,maxHeadingLevel:t.toc_max_heading_level,className:g.k.docs.docTocDesktop})}var le=n(7955),ce=n(3905),se=n(5742);var ie=n(2389),de=n(2949);function me(){const{prism:e}=(0,P.L)(),{colorMode:t}=(0,de.I)(),n=e.theme,a=e.darkTheme||n;return"dark"===t?a:n}var ue=n(7594),pe=n.n(ue);const fe=/title=(? ["'])(?.*?)\1/,he=/\{(? [\d,-]+)\}/,ge={js:{start:"\\/\\/",end:""},jsBlock:{start:"\\/\\*",end:"\\*\\/"},jsx:{start:"\\{\\s*\\/\\*",end:"\\*\\/\\s*\\}"},bash:{start:"#",end:""},html:{start:"\x3c!--",end:"--\x3e"}};function ve(e,t){const n=e.map((e=>{const{start:n,end:a}=ge[e];return`(?:${n}\\s*(${t.flatMap((e=>{var t,n;return[e.line,null==(t=e.block)?void 0:t.start,null==(n=e.block)?void 0:n.end].filter(Boolean)})).join("|")})\\s*${a})`})).join("|");return new RegExp(`^\\s*(?:${n})\\s*$`)}function be(e,t){let n=e.replace(/\n$/,"");const{language:a,magicComments:r,metastring:o}=t;if(o&&he.test(o)){const e=o.match(he).groups.range;if(0===r.length)throw new Error(`A highlight range has been given in code block's metastring (\`\`\` ${o}), but no magic comment config is available. Docusaurus applies the first magic comment entry's className for metastring ranges.`);const t=r[0].className,a=pe()(e).filter((e=>e>0)).map((e=>[e-1,[t]]));return{lineClassNames:Object.fromEntries(a),code:n}}if(void 0===a)return{lineClassNames:{},code:n};const l=function(e,t){switch(e){case"js":case"javascript":case"ts":case"typescript":return ve(["js","jsBlock"],t);case"jsx":case"tsx":return ve(["js","jsBlock","jsx"],t);case"html":return ve(["js","jsBlock","html"],t);case"python":case"py":case"bash":return ve(["bash"],t);case"markdown":case"md":return ve(["html","jsx","bash"],t);default:return ve(Object.keys(ge),t)}}(a,r),c=n.split("\n"),s=Object.fromEntries(r.map((e=>[e.className,{start:0,range:""}]))),i=Object.fromEntries(r.filter((e=>e.line)).map((e=>{let{className:t,line:n}=e;return[n,t]}))),d=Object.fromEntries(r.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.start,t]}))),m=Object.fromEntries(r.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.end,t]})));for(let p=0;p void 0!==e));i[t]?s[i[t]].range+=`${p},`:d[t]?s[d[t]].start=p:m[t]&&(s[m[t]].range+=`${s[m[t]].start}-${p-1},`),c.splice(p,1)}n=c.join("\n");const u={};return Object.entries(s).forEach((e=>{let[t,{range:n}]=e;pe()(n).forEach((e=>{u[e]??=[],u[e].push(t)}))})),{lineClassNames:u,code:n}}const Ee="codeBlockContainer_Ckt0";function ye(e){let{as:t,...n}=e;const r=function(e){const t={color:"--prism-color",backgroundColor:"--prism-background-color"},n={};return Object.entries(e.plain).forEach((e=>{let[a,r]=e;const o=t[a];o&&"string"==typeof r&&(n[o]=r)})),n}(me());return a.createElement(t,(0,k.Z)({},n,{style:r,className:(0,d.Z)(n.className,Ee,g.k.common.codeBlock)}))}const ke={codeBlockContent:"codeBlockContent_biex",codeBlockTitle:"codeBlockTitle_Ktv7",codeBlock:"codeBlock_bY9V",codeBlockStandalone:"codeBlockStandalone_MEMb",codeBlockLines:"codeBlockLines_e6Vv",codeBlockLinesWithNumbering:"codeBlockLinesWithNumbering_o6Pm",buttonGroup:"buttonGroup__atx"};function Ne(e){let{children:t,className:n}=e;return a.createElement(ye,{as:"pre",tabIndex:0,className:(0,d.Z)(ke.codeBlockStandalone,"thin-scrollbar",n)},a.createElement("code",{className:ke.codeBlockLines},t))}const Le={attributes:!0,characterData:!0,childList:!0,subtree:!0};function Ce(e,t){const[n,r]=(0,a.useState)(),l=(0,a.useCallback)((()=>{var t;r(null==(t=e.current)?void 0:t.closest("[role=tabpanel][hidden]"))}),[e,r]);(0,a.useEffect)((()=>{l()}),[l]),function(e,t,n){void 0===n&&(n=Le);const r=(0,o.zX)(t),l=(0,o.Ql)(n);(0,a.useEffect)((()=>{const t=new MutationObserver(r);return e&&t.observe(e,l),()=>t.disconnect()}),[e,r,l])}(n,(e=>{e.forEach((e=>{"attributes"===e.type&&"hidden"===e.attributeName&&(t(),l())}))}),{attributes:!0,characterData:!1,childList:!1,subtree:!1})}const _e={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]};var Ze={Prism:n(7410).Z,theme:_e};function Te(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function we(){return we=Object.assign||function(e){for(var t=1;t 0&&e[n-1]===t?e:e.concat(t)},Ae=function(e,t){var n=e.plain,a=Object.create(null),r=e.styles.reduce((function(e,n){var a=n.languages,r=n.style;return a&&!a.includes(t)||n.types.forEach((function(t){var n=we({},e[t],r);e[t]=n})),e}),a);return r.root=n,r.plain=we({},n,{backgroundColor:null}),r};function je(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&-1===t.indexOf(a)&&(n[a]=e[a]);return n}const He=function(e){function t(){for(var t=this,n=[],a=arguments.length;a--;)n[a]=arguments[a];e.apply(this,n),Te(this,"getThemeDict",(function(e){if(void 0!==t.themeDict&&e.theme===t.prevTheme&&e.language===t.prevLanguage)return t.themeDict;t.prevTheme=e.theme,t.prevLanguage=e.language;var n=e.theme?Ae(e.theme,e.language):void 0;return t.themeDict=n})),Te(this,"getLineProps",(function(e){var n=e.key,a=e.className,r=e.style,o=we({},je(e,["key","className","style","line"]),{className:"token-line",style:void 0,key:void 0}),l=t.getThemeDict(t.props);return void 0!==l&&(o.style=l.plain),void 0!==r&&(o.style=void 0!==o.style?we({},o.style,r):r),void 0!==n&&(o.key=n),a&&(o.className+=" "+a),o})),Te(this,"getStyleForToken",(function(e){var n=e.types,a=e.empty,r=n.length,o=t.getThemeDict(t.props);if(void 0!==o){if(1===r&&"plain"===n[0])return a?{display:"inline-block"}:void 0;if(1===r&&!a)return o[n[0]];var l=a?{display:"inline-block"}:{},c=n.map((function(e){return o[e]}));return Object.assign.apply(Object,[l].concat(c))}})),Te(this,"getTokenProps",(function(e){var n=e.key,a=e.className,r=e.style,o=e.token,l=we({},je(e,["key","className","style","token"]),{className:"token "+o.types.join(" "),children:o.content,style:t.getStyleForToken(o),key:void 0});return void 0!==r&&(l.style=void 0!==l.style?we({},l.style,r):r),void 0!==n&&(l.key=n),a&&(l.className+=" "+a),l})),Te(this,"tokenize",(function(e,t,n,a){var r={code:t,grammar:n,language:a,tokens:[]};e.hooks.run("before-tokenize",r);var o=r.tokens=e.tokenize(r.code,r.grammar,r.language);return e.hooks.run("after-tokenize",r),o}))}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.render=function(){var e=this.props,t=e.Prism,n=e.language,a=e.code,r=e.children,o=this.getThemeDict(this.props),l=t.languages[n];return r({tokens:function(e){for(var t=[[]],n=[e],a=[0],r=[e.length],o=0,l=0,c=[],s=[c];l>-1;){for(;(o=a[l]++) 0?d:["plain"],i=m):(d=Oe(d,m.type),m.alias&&(d=Oe(d,m.alias)),i=m.content),"string"==typeof i){var u=i.split(xe),p=u.length;c.push({types:d,content:u[0]});for(var f=1;f a.createElement("span",(0,k.Z)({key:t},l({token:e,key:t})))));return a.createElement("span",c,r?a.createElement(a.Fragment,null,a.createElement("span",{className:Me}),a.createElement("span",{className:Ie},s)):s,a.createElement("br",null))}const Ue={copyButtonCopied:"copyButtonCopied_obH4",copyButtonIcons:"copyButtonIcons_eSgA",copyButtonIcon:"copyButtonIcon_y97N",copyButtonSuccessIcon:"copyButtonSuccessIcon_LjdS"};function ze(e){let{code:t,className:n}=e;const[r,o]=(0,a.useState)(!1),l=(0,a.useRef)(void 0),c=(0,a.useCallback)((()=>{!function(e,t){let{target:n=document.body}=void 0===t?{}:t;const a=document.createElement("textarea"),r=document.activeElement;a.value=e,a.setAttribute("readonly",""),a.style.contain="strict",a.style.position="absolute",a.style.left="-9999px",a.style.fontSize="12pt";const o=document.getSelection();let l=!1;o.rangeCount>0&&(l=o.getRangeAt(0)),n.append(a),a.select(),a.selectionStart=0,a.selectionEnd=e.length;let c=!1;try{c=document.execCommand("copy")}catch{}a.remove(),l&&(o.removeAllRanges(),o.addRange(l)),r&&r.focus()}(t),o(!0),l.current=window.setTimeout((()=>{o(!1)}),1e3)}),[t]);return(0,a.useEffect)((()=>()=>window.clearTimeout(l.current)),[]),a.createElement("button",{type:"button","aria-label":r?(0,v.I)({id:"theme.CodeBlock.copied",message:"Copied",description:"The copied button label on code blocks"}):(0,v.I)({id:"theme.CodeBlock.copyButtonAriaLabel",message:"Copy code to clipboard",description:"The ARIA label for copy code blocks button"}),title:(0,v.I)({id:"theme.CodeBlock.copy",message:"Copy",description:"The copy button label on code blocks"}),className:(0,d.Z)("clean-btn",n,Ue.copyButton,r&&Ue.copyButtonCopied),onClick:c},a.createElement("span",{className:Ue.copyButtonIcons,"aria-hidden":"true"},a.createElement("svg",{className:Ue.copyButtonIcon,viewBox:"0 0 24 24"},a.createElement("path",{d:"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"})),a.createElement("svg",{className:Ue.copyButtonSuccessIcon,viewBox:"0 0 24 24"},a.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))))}const Ve="wordWrapButtonIcon_Bwma",De="wordWrapButtonEnabled_EoeP";function Re(e){let{className:t,onClick:n,isEnabled:r}=e;const o=(0,v.I)({id:"theme.CodeBlock.wordWrapToggle",message:"Toggle word wrap",description:"The title attribute for toggle word wrapping button of code block lines"});return a.createElement("button",{type:"button",onClick:n,className:(0,d.Z)("clean-btn",t,r&&De),"aria-label":o,title:o},a.createElement("svg",{className:Ve,viewBox:"0 0 24 24","aria-hidden":"true"},a.createElement("path",{fill:"currentColor",d:"M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3l3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z"})))}function $e(e){let{children:t,className:n="",metastring:r,title:o,showLineNumbers:l,language:c}=e;const{prism:{defaultLanguage:s,magicComments:i}}=(0,P.L)(),m=c??function(e){const t=e.split(" ").find((e=>e.startsWith("language-")));return null==t?void 0:t.replace(/language-/,"")}(n)??s,u=me(),p=function(){const[e,t]=(0,a.useState)(!1),[n,r]=(0,a.useState)(!1),o=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const n=o.current.querySelector("code");e?n.removeAttribute("style"):(n.style.whiteSpace="pre-wrap",n.style.overflowWrap="anywhere"),t((e=>!e))}),[o,e]),c=(0,a.useCallback)((()=>{const{scrollWidth:e,clientWidth:t}=o.current,n=e>t||o.current.querySelector("code").hasAttribute("style");r(n)}),[o]);return Ce(o,c),(0,a.useEffect)((()=>{c()}),[e,c]),(0,a.useEffect)((()=>(window.addEventListener("resize",c,{passive:!0}),()=>{window.removeEventListener("resize",c)})),[c]),{codeBlockRef:o,isEnabled:e,isCodeScrollable:n,toggle:l}}(),f=function(e){var t;return(null==e||null==(t=e.match(fe))?void 0:t.groups.title)??""}(r)||o,{lineClassNames:h,code:g}=be(t,{metastring:r,language:m,magicComments:i}),v=l??function(e){return Boolean(null==e?void 0:e.includes("showLineNumbers"))}(r);return a.createElement(ye,{as:"div",className:(0,d.Z)(n,m&&!n.includes(`language-${m}`)&&`language-${m}`)},f&&a.createElement("div",{className:ke.codeBlockTitle},f),a.createElement("div",{className:ke.codeBlockContent},a.createElement(He,(0,k.Z)({},Ze,{theme:u,code:g,language:m??"text"}),(e=>{let{className:t,tokens:n,getLineProps:r,getTokenProps:o}=e;return a.createElement("pre",{tabIndex:0,ref:p.codeBlockRef,className:(0,d.Z)(t,ke.codeBlock,"thin-scrollbar")},a.createElement("code",{className:(0,d.Z)(ke.codeBlockLines,v&&ke.codeBlockLinesWithNumbering)},n.map(((e,t)=>a.createElement(Pe,{key:t,line:e,getLineProps:r,getTokenProps:o,classNames:h[t],showLineNumbers:v})))))})),a.createElement("div",{className:ke.buttonGroup},(p.isEnabled||p.isCodeScrollable)&&a.createElement(Re,{className:ke.codeButton,onClick:()=>p.toggle(),isEnabled:p.isEnabled}),a.createElement(ze,{className:ke.codeButton,code:g}))))}function We(e){let{children:t,...n}=e;const r=(0,ie.Z)(),o=function(e){return a.Children.toArray(e).some((e=>(0,a.isValidElement)(e)))?e:Array.isArray(e)?e.join(""):e}(t),l="string"==typeof o?$e:Ne;return a.createElement(l,(0,k.Z)({key:String(r)},n),o)}const Fe="details_lb9f",qe="isBrowser_bmU9",Ge="collapsibleContent_i85q";function Ye(e){return!!e&&("SUMMARY"===e.tagName||Ye(e.parentElement))}function Je(e,t){return!!e&&(e===t||Je(e.parentElement,t))}function Qe(e){let{summary:t,children:n,...r}=e;const o=(0,ie.Z)(),l=(0,a.useRef)(null),{collapsed:c,setCollapsed:s}=(0,I.u)({initialState:!r.open}),[i,m]=(0,a.useState)(r.open),u=a.isValidElement(t)?t:a.createElement("summary",null,t??"Details");return a.createElement("details",(0,k.Z)({},r,{ref:l,open:i,"data-collapsed":c,className:(0,d.Z)(Fe,o&&qe,r.className),onMouseDown:e=>{Ye(e.target)&&e.detail>1&&e.preventDefault()},onClick:e=>{e.stopPropagation();const t=e.target;Ye(t)&&Je(t,l.current)&&(e.preventDefault(),c?(s(!1),m(!0)):s(!0))}}),u,a.createElement(I.z,{lazy:!1,collapsed:c,disableSSRStyle:!0,onCollapseTransitionEnd:e=>{s(e),m(!e)}},a.createElement("div",{className:Ge},n)))}const Xe="details_b_Ee";function Ke(e){let{...t}=e;return a.createElement(Qe,(0,k.Z)({},t,{className:(0,d.Z)("alert alert--info",Xe,t.className)}))}function et(e){return a.createElement(le.Z,e)}const tt="containsTaskList_mC6p";const nt="img_ev3q";const at="admonition_LlT9",rt="admonitionHeading_tbUL",ot="admonitionIcon_kALy",lt="admonitionContent_S0QG";const ct={note:{infimaClassName:"secondary",iconComponent:function(){return a.createElement("svg",{viewBox:"0 0 14 16"},a.createElement("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"}))},label:a.createElement(v.Z,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)"},"note")},tip:{infimaClassName:"success",iconComponent:function(){return a.createElement("svg",{viewBox:"0 0 12 16"},a.createElement("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"}))},label:a.createElement(v.Z,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)"},"tip")},danger:{infimaClassName:"danger",iconComponent:function(){return a.createElement("svg",{viewBox:"0 0 12 16"},a.createElement("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"}))},label:a.createElement(v.Z,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)"},"danger")},info:{infimaClassName:"info",iconComponent:function(){return a.createElement("svg",{viewBox:"0 0 14 16"},a.createElement("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))},label:a.createElement(v.Z,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)"},"info")},caution:{infimaClassName:"warning",iconComponent:function(){return a.createElement("svg",{viewBox:"0 0 16 16"},a.createElement("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"}))},label:a.createElement(v.Z,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)"},"caution")}},st={secondary:"note",important:"info",success:"tip",warning:"danger"};function it(e){const{mdxAdmonitionTitle:t,rest:n}=function(e){const t=a.Children.toArray(e),n=t.find((e=>{var t;return a.isValidElement(e)&&"mdxAdmonitionTitle"===(null==(t=e.props)?void 0:t.mdxType)})),r=a.createElement(a.Fragment,null,t.filter((e=>e!==n)));return{mdxAdmonitionTitle:n,rest:r}}(e.children);return{...e,title:e.title??t,children:n}}const dt={head:function(e){const t=a.Children.map(e.children,(e=>a.isValidElement(e)?function(e){var t;if(null!=(t=e.props)&&t.mdxType&&e.props.originalType){const{mdxType:t,originalType:n,...r}=e.props;return a.createElement(e.props.originalType,r)}return e}(e):e));return a.createElement(se.Z,e,t)},code:function(e){const t=["a","abbr","b","br","button","cite","code","del","dfn","em","i","img","input","ins","kbd","label","object","output","q","ruby","s","small","span","strong","sub","sup","time","u","var","wbr"];return a.Children.toArray(e.children).every((e=>{var n;return"string"==typeof e&&!e.includes("\n")||(0,a.isValidElement)(e)&&t.includes(null==(n=e.props)?void 0:n.mdxType)}))?a.createElement("code",e):a.createElement(We,e)},a:function(e){return a.createElement(_.Z,e)},pre:function(e){var t;return a.createElement(We,(0,a.isValidElement)(e.children)&&"code"===(null==(t=e.children.props)?void 0:t.originalType)?e.children.props:{...e})},details:function(e){const t=a.Children.toArray(e.children),n=t.find((e=>{var t;return a.isValidElement(e)&&"summary"===(null==(t=e.props)?void 0:t.mdxType)})),r=a.createElement(a.Fragment,null,t.filter((e=>e!==n)));return a.createElement(Ke,(0,k.Z)({},e,{summary:n}),r)},ul:function(e){return a.createElement("ul",(0,k.Z)({},e,{className:(t=e.className,(0,d.Z)(t,(null==t?void 0:t.includes("contains-task-list"))&&tt))}));var t},img:function(e){return a.createElement("img",(0,k.Z)({loading:"lazy"},e,{className:(t=e.className,(0,d.Z)(t,nt))}));var t},h1:e=>a.createElement(et,(0,k.Z)({as:"h1"},e)),h2:e=>a.createElement(et,(0,k.Z)({as:"h2"},e)),h3:e=>a.createElement(et,(0,k.Z)({as:"h3"},e)),h4:e=>a.createElement(et,(0,k.Z)({as:"h4"},e)),h5:e=>a.createElement(et,(0,k.Z)({as:"h5"},e)),h6:e=>a.createElement(et,(0,k.Z)({as:"h6"},e)),admonition:function(e){const{children:t,type:n,title:r,icon:o}=it(e),l=function(e){const t=st[e]??e;return ct[t]||(console.warn(`No admonition config found for admonition type "${t}". Using Info as fallback.`),ct.info)}(n),c=r??l.label,{iconComponent:s}=l,i=o??a.createElement(s,null);return a.createElement("div",{className:(0,d.Z)(g.k.common.admonition,g.k.common.admonitionType(e.type),"alert",`alert--${l.infimaClassName}`,at)},a.createElement("div",{className:rt},a.createElement("span",{className:ot},i),c),a.createElement("div",{className:lt},t))},mermaid:n(1875).Z};function mt(e){let{children:t}=e;return a.createElement(ce.Zo,{components:dt},t)}function ut(e){let{children:t}=e;const n=function(){const{metadata:e,frontMatter:t,contentTitle:n}=s();return t.hide_title||void 0!==n?null:e.title}();return a.createElement("div",{className:(0,d.Z)(g.k.docs.docMarkdown,"markdown")},n&&a.createElement("header",null,a.createElement(le.Z,{as:"h1"},n)),a.createElement(mt,null,t))}var pt=n(1310);const ft="docItemContainer_Djhp",ht="docItemCol_VOVn";function gt(e){let{children:t}=e;const n=function(){const{frontMatter:e,toc:t}=s(),n=(0,m.i)(),r=e.hide_table_of_contents,o=!r&&t.length>0;return{hidden:r,mobile:o?a.createElement(ne,null):void 0,desktop:!o||"desktop"!==n&&"ssr"!==n?void 0:a.createElement(oe,null)}}();return a.createElement("div",{className:"row"},a.createElement("div",{className:(0,d.Z)("col",!n.hidden&&ht)},a.createElement(f.Z,null),a.createElement("div",{className:ft},a.createElement("article",null,a.createElement(pt.Z,null),a.createElement(h.Z,null),n.mobile,a.createElement(ut,null,t),a.createElement(M,null)),a.createElement(p,null))),n.desktop&&a.createElement("div",{className:"col col--3"},n.desktop))}function vt(e){const t=`docs-doc-id-${e.content.metadata.unversionedId}`,n=e.content;return a.createElement(c,{content:e.content},a.createElement(r.FG,{className:t},a.createElement(i,null),a.createElement(gt,null,a.createElement(n,null))))}},4966:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(7462),r=n(7294),o=n(5999),l=n(6010),c=n(9960);function s(e){const{permalink:t,title:n,subLabel:a,isNext:o}=e;return r.createElement(c.Z,{className:(0,l.Z)("pagination-nav__link",o?"pagination-nav__link--next":"pagination-nav__link--prev"),to:t},a&&r.createElement("div",{className:"pagination-nav__sublabel"},a),r.createElement("div",{className:"pagination-nav__label"},n))}function i(e){const{previous:t,next:n}=e;return r.createElement("nav",{className:"pagination-nav docusaurus-mt-lg","aria-label":(0,o.I)({id:"theme.docs.paginator.navAriaLabel",message:"Docs pages navigation",description:"The ARIA label for the docs pagination"})},t&&r.createElement(s,(0,a.Z)({},t,{subLabel:r.createElement(o.Z,{id:"theme.docs.paginator.previous",description:"The label used to navigate to the previous doc"},"Previous")})),n&&r.createElement(s,(0,a.Z)({},n,{subLabel:r.createElement(o.Z,{id:"theme.docs.paginator.next",description:"The label used to navigate to the next doc"},"Next"),isNext:!0})))}},4364:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var a=n(7294),r=n(6010),o=n(5999),l=n(5281),c=n(4477);function s(e){let{className:t}=e;const n=(0,c.E)();return n.badge?a.createElement("span",{className:(0,r.Z)(t,l.k.docs.docVersionBadge,"badge badge--secondary")},a.createElement(o.Z,{id:"theme.docs.versionBadge.label",values:{versionLabel:n.label}},"Version: {versionLabel}")):null}},3120:(e,t,n)=>{"use strict";n.d(t,{Z:()=>g});var a=n(7294),r=n(6010),o=n(2263),l=n(9960),c=n(5999),s=n(143),i=n(5281),d=n(373),m=n(4477);const u={unreleased:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(c.Z,{id:"theme.docs.versions.unreleasedVersionLabel",description:"The label used to tell the user that he's browsing an unreleased doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is unreleased documentation for {siteTitle} {versionLabel} version.")},unmaintained:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(c.Z,{id:"theme.docs.versions.unmaintainedVersionLabel",description:"The label used to tell the user that he's browsing an unmaintained doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.")}};function p(e){const t=u[e.versionMetadata.banner];return a.createElement(t,e)}function f(e){let{versionLabel:t,to:n,onClick:r}=e;return a.createElement(c.Z,{id:"theme.docs.versions.latestVersionSuggestionLabel",description:"The label used to tell the user to check the latest version",values:{versionLabel:t,latestVersionLink:a.createElement("b",null,a.createElement(l.Z,{to:n,onClick:r},a.createElement(c.Z,{id:"theme.docs.versions.latestVersionLinkLabel",description:"The label used for the latest version suggestion link label"},"latest version")))}},"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).")}function h(e){let{className:t,versionMetadata:n}=e;const{siteConfig:{title:l}}=(0,o.Z)(),{pluginId:c}=(0,s.gA)({failfast:!0}),{savePreferredVersionName:m}=(0,d.J)(c),{latestDocSuggestion:u,latestVersionSuggestion:h}=(0,s.Jo)(c),g=u??(v=h).docs.find((e=>e.id===v.mainDocId));var v;return a.createElement("div",{className:(0,r.Z)(t,i.k.docs.docVersionBanner,"alert alert--warning margin-bottom--md"),role:"alert"},a.createElement("div",null,a.createElement(p,{siteTitle:l,versionMetadata:n})),a.createElement("div",{className:"margin-top--md"},a.createElement(f,{versionLabel:h.label,to:g.path,onClick:()=>m(h.name)})))}function g(e){let{className:t}=e;const n=(0,m.E)();return n.banner?a.createElement(h,{className:t,versionMetadata:n}):null}},7955:(e,t,n)=>{"use strict";n.d(t,{Z:()=>m});var a=n(7462),r=n(7294),o=n(6010),l=n(5999),c=n(6668),s=n(9960);const i="anchorWithStickyNavbar_LWe7",d="anchorWithHideOnScrollNavbar_WYt5";function m(e){let{as:t,id:n,...m}=e;const{navbar:{hideOnScroll:u}}=(0,c.L)();if("h1"===t||!n)return r.createElement(t,(0,a.Z)({},m,{id:void 0}));const p=(0,l.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof m.children?m.children:n});return r.createElement(t,(0,a.Z)({},m,{className:(0,o.Z)("anchor",u?d:i,m.className),id:n}),m.children,r.createElement(s.Z,{className:"hash-link",to:`#${n}`,"aria-label":p,title:p},"\u200b"))}},7594:(e,t)=>{function n(e){let t,n=[];for(let a of e.split(",").map((e=>e.trim())))if(/^-?\d+$/.test(a))n.push(parseInt(a,10));else if(t=a.match(/^(-?\d+)(-|\.\.\.?|\u2025|\u2026|\u22EF)(-?\d+)$/)){let[e,a,r,o]=t;if(a&&o){a=parseInt(a),o=parseInt(o);const e=a
{r.d(t,{Zo:()=>c,kt:()=>m});var n=r(7294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t =0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var p=n.createContext({}),s=function(e){var t=n.useContext(p),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=s(e.components);return n.createElement(p.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,i=e.originalType,p=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),u=s(r),m=a,f=u["".concat(p,".").concat(m)]||u[m]||d[m]||i;return r?n.createElement(f,o(o({ref:t},c),{},{components:r})):n.createElement(f,o({ref:t},c))}));function m(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=r.length,o=new Array(i);o[0]=u;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l.mdxType="string"==typeof e?e:a,o[1]=l;for(var s=2;s{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>o,default:()=>d,frontMatter:()=>i,metadata:()=>l,toc:()=>s});var n=r(7462),a=(r(7294),r(3905));const i={id:"ListWidget",title:"Namespace: ListWidget",sidebar_label:"ListWidget",sidebar_position:0,custom_edit_url:null},o=void 0,l={unversionedId:"public-api/namespaces/ListWidget",id:"public-api/namespaces/ListWidget",title:"Namespace: ListWidget",description:"Variables",source:"@site/docs/public-api/namespaces/ListWidget.md",sourceDirName:"public-api/namespaces",slug:"/public-api/namespaces/ListWidget",permalink:"/react-native-android-widget/docs/public-api/namespaces/ListWidget",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ListWidget",title:"Namespace: ListWidget",sidebar_label:"ListWidget",sidebar_position:0,custom_edit_url:null}},p={},s=[{value:"Variables",id:"variables",level:2},{value:"__name__",id:"__name__",level:3},{value:"Functions",id:"functions",level:2},{value:"convertProps",id:"convertprops",level:3},{value:"Parameters",id:"parameters",level:4},{value:"Returns",id:"returns",level:4}],c={toc:s};function d(e){let{components:t,...r}=e;return(0,a.kt)("wrapper",(0,n.Z)({},c,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"variables"},"Variables"),(0,a.kt)("h3",{id:"__name__"},"_","_","name","_","_"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"_","_","name","_","_"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"string")),(0,a.kt)("h2",{id:"functions"},"Functions"),(0,a.kt)("h3",{id:"convertprops"},"convertProps"),(0,a.kt)("p",null,"\u25b8 ",(0,a.kt)("strong",{parentName:"p"},"convertProps"),"(",(0,a.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,a.kt)("inlineCode",{parentName:"p"},"ListWidgetInternalProps")),(0,a.kt)("h4",{id:"parameters"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps"},(0,a.kt)("inlineCode",{parentName:"a"},"ListWidgetProps")))))),(0,a.kt)("h4",{id:"returns"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"ListWidgetInternalProps")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/17c5701b.0c574820.js b/assets/js/17c5701b.0c574820.js new file mode 100644 index 0000000..b1fbc1c --- /dev/null +++ b/assets/js/17c5701b.0c574820.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3895],{2435:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>g,contentTitle:()=>d,default:()=>p,frontMatter:()=>r,metadata:()=>o,toc:()=>a});var n=i(5893),s=i(1151);const r={sidebar_position:7},d="SvgWidget",o={id:"primitives/svg-widget",title:"SvgWidget",description:"Widget for displaying SVG.",source:"@site/docs/primitives/svg-widget.md",sourceDirName:"primitives",slug:"/primitives/svg-widget",permalink:"/react-native-android-widget/docs/primitives/svg-widget",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/svg-widget.md",tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7},sidebar:"default",previous:{title:"IconWidget",permalink:"/react-native-android-widget/docs/primitives/icon-widget"},next:{title:"Update Widget",permalink:"/react-native-android-widget/docs/update-widget"}},g={},a=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2}];function c(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"svgwidget",children:"SvgWidget"}),"\n",(0,n.jsx)(t.p,{children:"Widget for displaying SVG.\nIt supports importing an SVG file, or using an SVG string;"}),"\n",(0,n.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-tsx",children:'import { FlexWidget, SvgWidget } from \'react-native-android-widget\';\n\nconst svgString = `\n\n`;\n\nexport function MyWidget() {\n return (\n \n \n );\n}\n'})}),"\n",(0,n.jsx)(t.h2,{id:"props",children:"Props"}),"\n",(0,n.jsxs)(t.p,{children:["Check the props in the ",(0,n.jsx)(t.a,{href:"/docs/public-api/interfaces/SvgWidgetProps",children:"Public API"})," documentation"]})]})}function p(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},1151:(e,t,i)=>{i.d(t,{Z:()=>o,a:()=>d});var n=i(7294);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/17c5701b.9aeb7ab4.js b/assets/js/17c5701b.9aeb7ab4.js deleted file mode 100644 index 5060efb..0000000 --- a/assets/js/17c5701b.9aeb7ab4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3895],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>u});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t\n\n \n =0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var d=r.createContext({}),p=function(e){var t=r.useContext(d),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},c=function(e){var t=p(e.components);return r.createElement(d.Provider,{value:t},e.children)},g={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},l=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,d=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),l=p(n),u=i,v=l["".concat(d,".").concat(u)]||l[u]||g[u]||o;return n?r.createElement(v,a(a({ref:t},c),{},{components:n})):r.createElement(v,a({ref:t},c))}));function u(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=l;var s={};for(var d in t)hasOwnProperty.call(t,d)&&(s[d]=t[d]);s.originalType=e,s.mdxType="string"==typeof e?e:i,a[1]=s;for(var p=2;p {n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>g,frontMatter:()=>o,metadata:()=>s,toc:()=>p});var r=n(7462),i=(n(7294),n(3905));const o={sidebar_position:7},a="SvgWidget",s={unversionedId:"primitives/svg-widget",id:"primitives/svg-widget",title:"SvgWidget",description:"Widget for displaying SVG.",source:"@site/docs/primitives/svg-widget.md",sourceDirName:"primitives",slug:"/primitives/svg-widget",permalink:"/react-native-android-widget/docs/primitives/svg-widget",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/svg-widget.md",tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7},sidebar:"default",previous:{title:"IconWidget",permalink:"/react-native-android-widget/docs/primitives/icon-widget"},next:{title:"Update Widget",permalink:"/react-native-android-widget/docs/update-widget"}},d={},p=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2}],c={toc:p};function g(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"svgwidget"},"SvgWidget"),(0,i.kt)("p",null,"Widget for displaying SVG.\nIt supports importing an SVG file, or using an SVG string;"),(0,i.kt)("h2",{id:"usage"},"Usage"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-tsx"},'import { FlexWidget, SvgWidget } from \'react-native-android-widget\';\n\nconst svgString = `\n\n`;\n\nexport function MyWidget() {\n return (\n \n \n );\n}\n')),(0,i.kt)("h2",{id:"props"},"Props"),(0,i.kt)("p",null,"Check the props in the ",(0,i.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/SvgWidgetProps"},"Public API")," documentation"))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/181303e3.4a701bf9.js b/assets/js/181303e3.4a701bf9.js deleted file mode 100644 index 793f767..0000000 --- a/assets/js/181303e3.4a701bf9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7473],{3905:(e,t,n)=>{n.d(t,{Zo:()=>g,kt:()=>u});var i=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function o(e){for(var t=1;t\n\n \n =0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=i.createContext({}),p=function(e){var t=i.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},g=function(e){var t=p(e.components);return i.createElement(s.Provider,{value:t},e.children)},c={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},l=i.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,s=e.parentName,g=d(e,["components","mdxType","originalType","parentName"]),l=p(n),u=r,f=l["".concat(s,".").concat(u)]||l[u]||c[u]||a;return n?i.createElement(f,o(o({ref:t},g),{},{components:n})):i.createElement(f,o({ref:t},g))}));function u(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,o=new Array(a);o[0]=l;var d={};for(var s in t)hasOwnProperty.call(t,s)&&(d[s]=t[s]);d.originalType=e,d.mdxType="string"==typeof e?e:r,o[1]=d;for(var p=2;p{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>o,default:()=>c,frontMatter:()=>a,metadata:()=>d,toc:()=>p});var i=n(7462),r=(n(7294),n(3905));const a={sidebar_position:4},o="registerWidgetConfigurationScreen",d={unversionedId:"api/register-widget-configuration-screen",id:"api/register-widget-configuration-screen",title:"registerWidgetConfigurationScreen",description:"react-native-android-widget exports a registerWidgetConfigurationScreen function that can be used to register a widget configuration screen. When a configurable widget is added on the home screen, or reconfigured once on the home screen, the registered configuration screen will be opened.",source:"@site/docs/api/register-widget-configuration-screen.md",sourceDirName:"api",slug:"/api/register-widget-configuration-screen",permalink:"/react-native-android-widget/docs/api/register-widget-configuration-screen",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/api/register-widget-configuration-screen.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"default",previous:{title:"requestWidgetUpdate",permalink:"/react-native-android-widget/docs/api/request-widget-update"},next:{title:"Primitives",permalink:"/react-native-android-widget/docs/primitives/index"}},s={},p=[{value:"Multiple configurable widgets",id:"multiple-configurable-widgets",level:2},{value:"Usage",id:"usage",level:2},{value:"Register the widget configuration screen",id:"register-the-widget-configuration-screen",level:2},{value:"Register widget task handler (Expo)",id:"register-widget-task-handler-expo",level:2},{value:"Types",id:"types",level:2}],g={toc:p};function c(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,i.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"registerwidgetconfigurationscreen"},"registerWidgetConfigurationScreen"),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"react-native-android-widget")," exports a ",(0,r.kt)("inlineCode",{parentName:"p"},"registerWidgetConfigurationScreen")," function that can be used to register a widget configuration screen. When a configurable widget is added on the home screen, or reconfigured once on the home screen, the registered configuration screen will be opened."),(0,r.kt)("p",null,"The user can cancel the configuration (by calling ",(0,r.kt)("inlineCode",{parentName:"p"},"setResult('cancel')"),").\nIf the widget was just added it will be removed from the home screen, otherwise just the conifuguration will be canceled and the widget will remain as is."),(0,r.kt)("p",null,"If the user changes some configuration and wants to add the widget, we will need to:"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Call ",(0,r.kt)("inlineCode",{parentName:"li"},"renderWidget")," to update the widget with the new configuration"),(0,r.kt)("li",{parentName:"ul"},"Call ",(0,r.kt)("inlineCode",{parentName:"li"},"setResult('ok')")," to indicate that the configuration is done and the screen can be closed")),(0,r.kt)("h2",{id:"multiple-configurable-widgets"},"Multiple configurable widgets"),(0,r.kt)("p",null,"If we have multiple configurable widgets, they will share the same configuration screen,\nbut we can check which widget is configured by the ",(0,r.kt)("inlineCode",{parentName:"p"},"widgetInfo")," prop and show different UI depending on the widget."),(0,r.kt)("h2",{id:"usage"},"Usage"),(0,r.kt)("p",null,"First, create a widget configuration component, containing:"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="WidgetConfigurationScreen.tsx"',title:'"WidgetConfigurationScreen.tsx"'},"import React from 'react';\nimport type { WidgetConfigurationScreenProps } from 'react-native-android-widget';\nimport { ConfigurableWidget } from './ConfigurableWidget';\n\nexport function WidgetConfigurationScreen({\n widgetInfo,\n setResult,\n renderWidget,\n}: WidgetConfigurationScreenProps) {\n // Here we can define the UI for configuring the widget\n}\n")),(0,r.kt)("h2",{id:"register-the-widget-configuration-screen"},"Register the widget configuration screen"),(0,r.kt)("p",null,"In the main ",(0,r.kt)("inlineCode",{parentName:"p"},"index.js")," (or ",(0,r.kt)("inlineCode",{parentName:"p"},"index.ts"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"index.tsx"),") file for our app, when we register the main component, register the widget configuration screen."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="index.ts"',title:'"index.ts"'},"import { AppRegistry } from 'react-native';\nimport {\n registerWidgetConfigurationScreen,\n registerWidgetTaskHandler,\n} from 'react-native-android-widget';\nimport { name as appName } from './app.json';\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\nimport { WidgetConfigurationScreen } from './WidgetConfigurationScreen';\n\nAppRegistry.registerComponent(appName, () => App);\nregisterWidgetTaskHandler(widgetTaskHandler);\nregisterWidgetConfigurationScreen(WidgetConfigurationScreen);\n")),(0,r.kt)("h2",{id:"register-widget-task-handler-expo"},"Register widget task handler (Expo)"),(0,r.kt)("p",null,"If we are using Expo, there is no ",(0,r.kt)("inlineCode",{parentName:"p"},"index.js")," (or ",(0,r.kt)("inlineCode",{parentName:"p"},"index.ts"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"index.tsx"),"), but we can create it."),(0,r.kt)("p",null,"First, update ",(0,r.kt)("inlineCode",{parentName:"p"},"package.json")," main field to point to ",(0,r.kt)("inlineCode",{parentName:"p"},"index.ts")," (or ",(0,r.kt)("inlineCode",{parentName:"p"},".js"),") instead of ",(0,r.kt)("inlineCode",{parentName:"p"},"node_modules/expo/AppEntry.js")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="package.json"',title:'"package.json"'},'{\n "name": "my-expo-app",\n "main": "index.ts",\n ...\n}\n')),(0,r.kt)("p",null,"Create the file, using ",(0,r.kt)("inlineCode",{parentName:"p"},"node_modules/expo/AppEntry.js")," as a template.\nThen import ",(0,r.kt)("inlineCode",{parentName:"p"},"widgetTaskHandler")," and register it."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="index.ts"',title:'"index.ts"'},"import { registerRootComponent } from 'expo';\nimport {\n registerWidgetConfigurationScreen,\n registerWidgetTaskHandler,\n} from 'react-native-android-widget';\n\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\nimport { WidgetConfigurationScreen } from './WidgetConfigurationScreen';\n\n// registerRootComponent calls AppRegistry.registerComponent('main', () => App);\n// It also ensures that whether you load the app in Expo Go or in a native build,\n// the environment is set up appropriately\nregisterRootComponent(App);\nregisterWidgetTaskHandler(widgetTaskHandler);\nregisterWidgetConfigurationScreen(WidgetConfigurationScreen);\n")),(0,r.kt)("h2",{id:"types"},"Types"),(0,r.kt)("p",null,"Check the types in the ",(0,r.kt)("a",{parentName:"p",href:"/docs/public-api#registerwidgetconfigurationscreen"},"Public API")," documentation"),(0,r.kt)("p",null,"The widget configuration screen has some properties, described with ",(0,r.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/WidgetConfigurationScreenProps"},"WidgetConfigurationScreenProps")))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/181303e3.7ad76c60.js b/assets/js/181303e3.7ad76c60.js new file mode 100644 index 0000000..c8ef5ff --- /dev/null +++ b/assets/js/181303e3.7ad76c60.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7473],{1699:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>s,default:()=>l,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var t=i(5893),r=i(1151);const o={sidebar_position:4},s="registerWidgetConfigurationScreen",d={id:"api/register-widget-configuration-screen",title:"registerWidgetConfigurationScreen",description:"react-native-android-widget exports a registerWidgetConfigurationScreen function that can be used to register a widget configuration screen. When a configurable widget is added on the home screen, or reconfigured once on the home screen, the registered configuration screen will be opened.",source:"@site/docs/api/register-widget-configuration-screen.md",sourceDirName:"api",slug:"/api/register-widget-configuration-screen",permalink:"/react-native-android-widget/docs/api/register-widget-configuration-screen",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/api/register-widget-configuration-screen.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"default",previous:{title:"requestWidgetUpdate",permalink:"/react-native-android-widget/docs/api/request-widget-update"},next:{title:"Primitives",permalink:"/react-native-android-widget/docs/primitives/index"}},a={},c=[{value:"Multiple configurable widgets",id:"multiple-configurable-widgets",level:2},{value:"Usage",id:"usage",level:2},{value:"Register the widget configuration screen",id:"register-the-widget-configuration-screen",level:2},{value:"Register widget task handler (Expo)",id:"register-widget-task-handler-expo",level:2},{value:"Types",id:"types",level:2}];function g(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"registerwidgetconfigurationscreen",children:"registerWidgetConfigurationScreen"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"react-native-android-widget"})," exports a ",(0,t.jsx)(n.code,{children:"registerWidgetConfigurationScreen"})," function that can be used to register a widget configuration screen. When a configurable widget is added on the home screen, or reconfigured once on the home screen, the registered configuration screen will be opened."]}),"\n",(0,t.jsxs)(n.p,{children:["The user can cancel the configuration (by calling ",(0,t.jsx)(n.code,{children:"setResult('cancel')"}),").\nIf the widget was just added it will be removed from the home screen, otherwise just the conifuguration will be canceled and the widget will remain as is."]}),"\n",(0,t.jsx)(n.p,{children:"If the user changes some configuration and wants to add the widget, we will need to:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Call ",(0,t.jsx)(n.code,{children:"renderWidget"})," to update the widget with the new configuration"]}),"\n",(0,t.jsxs)(n.li,{children:["Call ",(0,t.jsx)(n.code,{children:"setResult('ok')"})," to indicate that the configuration is done and the screen can be closed"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"multiple-configurable-widgets",children:"Multiple configurable widgets"}),"\n",(0,t.jsxs)(n.p,{children:["If we have multiple configurable widgets, they will share the same configuration screen,\nbut we can check which widget is configured by the ",(0,t.jsx)(n.code,{children:"widgetInfo"})," prop and show different UI depending on the widget."]}),"\n",(0,t.jsx)(n.h2,{id:"usage",children:"Usage"}),"\n",(0,t.jsx)(n.p,{children:"First, create a widget configuration component, containing:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-js",metastring:'title="WidgetConfigurationScreen.tsx"',children:"import React from 'react';\nimport type { WidgetConfigurationScreenProps } from 'react-native-android-widget';\nimport { ConfigurableWidget } from './ConfigurableWidget';\n\nexport function WidgetConfigurationScreen({\n widgetInfo,\n setResult,\n renderWidget,\n}: WidgetConfigurationScreenProps) {\n // Here we can define the UI for configuring the widget\n}\n"})}),"\n",(0,t.jsx)(n.h2,{id:"register-the-widget-configuration-screen",children:"Register the widget configuration screen"}),"\n",(0,t.jsxs)(n.p,{children:["In the main ",(0,t.jsx)(n.code,{children:"index.js"})," (or ",(0,t.jsx)(n.code,{children:"index.ts"}),", ",(0,t.jsx)(n.code,{children:"index.tsx"}),") file for our app, when we register the main component, register the widget configuration screen."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-js",metastring:'title="index.ts"',children:"import { AppRegistry } from 'react-native';\nimport {\n registerWidgetConfigurationScreen,\n registerWidgetTaskHandler,\n} from 'react-native-android-widget';\nimport { name as appName } from './app.json';\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\nimport { WidgetConfigurationScreen } from './WidgetConfigurationScreen';\n\nAppRegistry.registerComponent(appName, () => App);\nregisterWidgetTaskHandler(widgetTaskHandler);\nregisterWidgetConfigurationScreen(WidgetConfigurationScreen);\n"})}),"\n",(0,t.jsx)(n.h2,{id:"register-widget-task-handler-expo",children:"Register widget task handler (Expo)"}),"\n",(0,t.jsxs)(n.p,{children:["If we are using Expo, there is no ",(0,t.jsx)(n.code,{children:"index.js"})," (or ",(0,t.jsx)(n.code,{children:"index.ts"}),", ",(0,t.jsx)(n.code,{children:"index.tsx"}),"), but we can create it."]}),"\n",(0,t.jsxs)(n.p,{children:["First, update ",(0,t.jsx)(n.code,{children:"package.json"})," main field to point to ",(0,t.jsx)(n.code,{children:"index.ts"})," (or ",(0,t.jsx)(n.code,{children:".js"}),") instead of ",(0,t.jsx)(n.code,{children:"node_modules/expo/AppEntry.js"})]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-js",metastring:'title="package.json"',children:'{\n "name": "my-expo-app",\n "main": "index.ts",\n ...\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["Create the file, using ",(0,t.jsx)(n.code,{children:"node_modules/expo/AppEntry.js"})," as a template.\nThen import ",(0,t.jsx)(n.code,{children:"widgetTaskHandler"})," and register it."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-js",metastring:'title="index.ts"',children:"import { registerRootComponent } from 'expo';\nimport {\n registerWidgetConfigurationScreen,\n registerWidgetTaskHandler,\n} from 'react-native-android-widget';\n\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\nimport { WidgetConfigurationScreen } from './WidgetConfigurationScreen';\n\n// registerRootComponent calls AppRegistry.registerComponent('main', () => App);\n// It also ensures that whether you load the app in Expo Go or in a native build,\n// the environment is set up appropriately\nregisterRootComponent(App);\nregisterWidgetTaskHandler(widgetTaskHandler);\nregisterWidgetConfigurationScreen(WidgetConfigurationScreen);\n"})}),"\n",(0,t.jsx)(n.h2,{id:"types",children:"Types"}),"\n",(0,t.jsxs)(n.p,{children:["Check the types in the ",(0,t.jsx)(n.a,{href:"/docs/public-api#registerwidgetconfigurationscreen",children:"Public API"})," documentation"]}),"\n",(0,t.jsxs)(n.p,{children:["The widget configuration screen has some properties, described with ",(0,t.jsx)(n.a,{href:"/docs/public-api/interfaces/WidgetConfigurationScreenProps",children:"WidgetConfigurationScreenProps"})]})]})}function l(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(g,{...e})}):g(e)}},1151:(e,n,i)=>{i.d(n,{Z:()=>d,a:()=>s});var t=i(7294);const r={},o=t.createContext(r);function s(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/1bb5842c.0dda42b8.js b/assets/js/1bb5842c.0dda42b8.js new file mode 100644 index 0000000..1e17d01 --- /dev/null +++ b/assets/js/1bb5842c.0dda42b8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[322],{4745:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>r,default:()=>p,frontMatter:()=>d,metadata:()=>a,toc:()=>c});var n=i(5893),s=i(1151);const d={sidebar_position:3},r="ListWidget",a={id:"primitives/list-widget",title:"ListWidget",description:"Widget container that shows a scrollable list that can contain multiple items.",source:"@site/docs/primitives/list-widget.md",sourceDirName:"primitives",slug:"/primitives/list-widget",permalink:"/react-native-android-widget/docs/primitives/list-widget",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/list-widget.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"default",previous:{title:"OverlapWidget",permalink:"/react-native-android-widget/docs/primitives/overlap-widget"},next:{title:"ImageWidget",permalink:"/react-native-android-widget/docs/primitives/image-widget"}},o={},c=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2},{value:"Example",id:"example",level:2}];function l(e){const t={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",img:"img",p:"p",pre:"pre",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"listwidget",children:"ListWidget"}),"\n",(0,n.jsx)(t.p,{children:"Widget container that shows a scrollable list that can contain multiple items."}),"\n",(0,n.jsx)(t.admonition,{title:"List item height",type:"danger",children:(0,n.jsxs)(t.p,{children:["Each list item must have a height of equal or less than the height of the ",(0,n.jsx)(t.code,{children:"ListWidget"}),"."]})}),"\n",(0,n.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-tsx",children:"import {\n ListWidget,\n FlexWidget,\n TextWidget,\n} from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n \n {Array.from({ length: 15 }).map((_, i) => (\n \n );\n}\n"})}),"\n",(0,n.jsx)(t.h2,{id:"props",children:"Props"}),"\n",(0,n.jsxs)(t.p,{children:["Check the props in the ",(0,n.jsx)(t.a,{href:"/docs/public-api/interfaces/ListWidgetProps",children:"Public API"})," documentation"]}),"\n",(0,n.jsx)(t.h2,{id:"example",children:"Example"}),"\n",(0,n.jsxs)(t.p,{children:["You can see an example widget using ",(0,n.jsx)(t.code,{children:"ListWidget"})," in the examples folder in the repo."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/sAleksovski/react-native-android-widget/blob/master/example/src/widgets/ListDemoWidget.tsx",children:"ListDemoWidget"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"List Widget Preview",src:i(4061).Z+"",width:"880",height:"605"})})]})}function p(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},4061:(e,t,i)=>{i.d(t,{Z:()=>n});const n=i.p+"assets/images/list-0d495fe5548effb055930ecbdd3eb9ae.png"},1151:(e,t,i)=>{i.d(t,{Z:()=>a,a:()=>r});var n=i(7294);const s={},d=n.createContext(s);function r(e){const t=n.useContext(d);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(d.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/1bb5842c.ef6f17d3.js b/assets/js/1bb5842c.ef6f17d3.js deleted file mode 100644 index eeb5e3b..0000000 --- a/assets/js/1bb5842c.ef6f17d3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[322],{3905:(e,t,i)=>{i.d(t,{Zo:()=>c,kt:()=>g});var n=i(7294);function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function a(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function o(e){for(var t=1;t\n \n ))}\n\n =0||(r[i]=e[i]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,i)&&(r[i]=e[i])}return r}var l=n.createContext({}),d=function(e){var t=n.useContext(l),i=t;return e&&(i="function"==typeof e?e(t):o(o({},t),e)),i},c=function(e){var t=d(e.components);return n.createElement(l.Provider,{value:t},e.children)},p={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var i=e.components,r=e.mdxType,a=e.originalType,l=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),m=d(i),g=r,u=m["".concat(l,".").concat(g)]||m[g]||p[g]||a;return i?n.createElement(u,o(o({ref:t},c),{},{components:i})):n.createElement(u,o({ref:t},c))}));function g(e,t){var i=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=i.length,o=new Array(a);o[0]=m;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s.mdxType="string"==typeof e?e:r,o[1]=s;for(var d=2;d{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>p,frontMatter:()=>a,metadata:()=>s,toc:()=>d});var n=i(7462),r=(i(7294),i(3905));const a={sidebar_position:3},o="ListWidget",s={unversionedId:"primitives/list-widget",id:"primitives/list-widget",title:"ListWidget",description:"Widget container that shows a scrollable list that can contain multiple items.",source:"@site/docs/primitives/list-widget.md",sourceDirName:"primitives",slug:"/primitives/list-widget",permalink:"/react-native-android-widget/docs/primitives/list-widget",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/list-widget.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"default",previous:{title:"OverlapWidget",permalink:"/react-native-android-widget/docs/primitives/overlap-widget"},next:{title:"ImageWidget",permalink:"/react-native-android-widget/docs/primitives/image-widget"}},l={},d=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2},{value:"Example",id:"example",level:2}],c={toc:d};function p(e){let{components:t,...a}=e;return(0,r.kt)("wrapper",(0,n.Z)({},c,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"listwidget"},"ListWidget"),(0,r.kt)("p",null,"Widget container that shows a scrollable list that can contain multiple items."),(0,r.kt)("admonition",{title:"List item height",type:"danger"},(0,r.kt)("p",{parentName:"admonition"},"Each list item must have a height of equal or less than the height of the ",(0,r.kt)("inlineCode",{parentName:"p"},"ListWidget"),".")),(0,r.kt)("h2",{id:"usage"},"Usage"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-tsx"},"import {\n ListWidget,\n FlexWidget,\n TextWidget,\n} from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n \n {Array.from({ length: 15 }).map((_, i) => (\n \n );\n}\n")),(0,r.kt)("h2",{id:"props"},"Props"),(0,r.kt)("p",null,"Check the props in the ",(0,r.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/ListWidgetProps"},"Public API")," documentation"),(0,r.kt)("h2",{id:"example"},"Example"),(0,r.kt)("p",null,"You can see an example widget using ",(0,r.kt)("inlineCode",{parentName:"p"},"ListWidget")," in the examples folder in the repo."),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://github.com/sAleksovski/react-native-android-widget/blob/master/example/src/widgets/ListDemoWidget.tsx"},"ListDemoWidget")),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"List Widget Preview",src:i(4061).Z,width:"880",height:"605"})))}p.isMDXComponent=!0},4061:(e,t,i)=>{i.d(t,{Z:()=>n});const n=i.p+"assets/images/list-0d495fe5548effb055930ecbdd3eb9ae.png"}}]); \ No newline at end of file diff --git a/assets/js/1be78505.b9a16d8b.js b/assets/js/1be78505.b9a16d8b.js deleted file mode 100644 index e49e413..0000000 --- a/assets/js/1be78505.b9a16d8b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9514,4972],{9963:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Ce});var a=n(7294),l=n(6010),o=n(1944),r=n(5281),i=n(3320),c=n(3438),s=n(4477),d=n(1116),m=n(7961),u=n(5999),b=n(2466),p=n(5936);const h="backToTopButton_sjWU",E="backToTopButtonShow_xfvO";function f(){const{shown:e,scrollToTop:t}=function(e){let{threshold:t}=e;const[n,l]=(0,a.useState)(!1),o=(0,a.useRef)(!1),{startScroll:r,cancelScroll:i}=(0,b.Ct)();return(0,b.RF)(((e,n)=>{let{scrollY:a}=e;const r=null==n?void 0:n.scrollY;r&&(o.current?o.current=!1:a>=r?(i(),l(!1)):a\n \n ))}\n\n {e.location.hash&&(o.current=!0,l(!1))})),{shown:n,scrollToTop:()=>r(0)}}({threshold:300});return a.createElement("button",{"aria-label":(0,u.I)({id:"theme.BackToTopButton.buttonAriaLabel",message:"Scroll back to top",description:"The ARIA label for the back to top button"}),className:(0,l.Z)("clean-btn",r.k.common.backToTopButton,h,e&&E),type:"button",onClick:t})}var _=n(6550),g=n(7524),v=n(6668),k=n(1327),C=n(7462);function S(e){return a.createElement("svg",(0,C.Z)({width:"20",height:"20","aria-hidden":"true"},e),a.createElement("g",{fill:"#7a7a7a"},a.createElement("path",{d:"M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"}),a.createElement("path",{d:"M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"})))}const I="collapseSidebarButton_PEFL",N="collapseSidebarButtonIcon_kv0_";function Z(e){let{onClick:t}=e;return a.createElement("button",{type:"button",title:(0,u.I)({id:"theme.docs.sidebar.collapseButtonTitle",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),"aria-label":(0,u.I)({id:"theme.docs.sidebar.collapseButtonAriaLabel",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),className:(0,l.Z)("button button--secondary button--outline",I),onClick:t},a.createElement(S,{className:N}))}var T=n(9689),y=n(902);const x=Symbol("EmptyContext"),w=a.createContext(x);function L(e){let{children:t}=e;const[n,l]=(0,a.useState)(null),o=(0,a.useMemo)((()=>({expandedItem:n,setExpandedItem:l})),[n]);return a.createElement(w.Provider,{value:o},t)}var A=n(6043),M=n(8596),B=n(9960),F=n(2389);function H(e){let{categoryLabel:t,onClick:n}=e;return a.createElement("button",{"aria-label":(0,u.I)({id:"theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel",message:"Toggle the collapsible sidebar category '{label}'",description:"The ARIA label to toggle the collapsible sidebar category"},{label:t}),type:"button",className:"clean-btn menu__caret",onClick:n})}function P(e){let{item:t,onItemClick:n,activePath:o,level:i,index:s,...d}=e;const{items:m,label:u,collapsible:b,className:p,href:h}=t,{docs:{sidebar:{autoCollapseCategories:E}}}=(0,v.L)(),f=function(e){const t=(0,F.Z)();return(0,a.useMemo)((()=>e.href?e.href:!t&&e.collapsible?(0,c.Wl)(e):void 0),[e,t])}(t),_=(0,c._F)(t,o),g=(0,M.Mg)(h,o),{collapsed:k,setCollapsed:S}=(0,A.u)({initialState:()=>!!b&&(!_&&t.collapsed)}),{expandedItem:I,setExpandedItem:N}=function(){const e=(0,a.useContext)(w);if(e===x)throw new y.i6("DocSidebarItemsExpandedStateProvider");return e}(),Z=function(e){void 0===e&&(e=!k),N(e?null:s),S(e)};return function(e){let{isActive:t,collapsed:n,updateCollapsed:l}=e;const o=(0,y.D9)(t);(0,a.useEffect)((()=>{t&&!o&&n&&l(!1)}),[t,o,n,l])}({isActive:_,collapsed:k,updateCollapsed:Z}),(0,a.useEffect)((()=>{b&&null!=I&&I!==s&&E&&S(!0)}),[b,I,s,S,E]),a.createElement("li",{className:(0,l.Z)(r.k.docs.docSidebarItemCategory,r.k.docs.docSidebarItemCategoryLevel(i),"menu__list-item",{"menu__list-item--collapsed":k},p)},a.createElement("div",{className:(0,l.Z)("menu__list-item-collapsible",{"menu__list-item-collapsible--active":g})},a.createElement(B.Z,(0,C.Z)({className:(0,l.Z)("menu__link",{"menu__link--sublist":b,"menu__link--sublist-caret":!h&&b,"menu__link--active":_}),onClick:b?e=>{null==n||n(t),h?Z(!1):(e.preventDefault(),Z())}:()=>{null==n||n(t)},"aria-current":g?"page":void 0,"aria-expanded":b?!k:void 0,href:b?f??"#":f},d),u),h&&b&&a.createElement(H,{categoryLabel:u,onClick:e=>{e.preventDefault(),Z()}})),a.createElement(A.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:k},a.createElement(G,{items:m,tabIndex:k?-1:0,onItemClick:n,activePath:o,level:i+1})))}var W=n(3919),D=n(9471);const R="menuExternalLink_NmtK";function V(e){let{item:t,onItemClick:n,activePath:o,level:i,index:s,...d}=e;const{href:m,label:u,className:b,autoAddBaseUrl:p}=t,h=(0,c._F)(t,o),E=(0,W.Z)(m);return a.createElement("li",{className:(0,l.Z)(r.k.docs.docSidebarItemLink,r.k.docs.docSidebarItemLinkLevel(i),"menu__list-item",b),key:u},a.createElement(B.Z,(0,C.Z)({className:(0,l.Z)("menu__link",!E&&R,{"menu__link--active":h}),autoAddBaseUrl:p,"aria-current":h?"page":void 0,to:m},E&&{onClick:n?()=>n(t):void 0},d),u,!E&&a.createElement(D.Z,null)))}const z="menuHtmlItem_M9Kj";function U(e){let{item:t,level:n,index:o}=e;const{value:i,defaultStyle:c,className:s}=t;return a.createElement("li",{className:(0,l.Z)(r.k.docs.docSidebarItemLink,r.k.docs.docSidebarItemLinkLevel(n),c&&[z,"menu__list-item"],s),key:o,dangerouslySetInnerHTML:{__html:i}})}function K(e){let{item:t,...n}=e;switch(t.type){case"category":return a.createElement(P,(0,C.Z)({item:t},n));case"html":return a.createElement(U,(0,C.Z)({item:t},n));default:return a.createElement(V,(0,C.Z)({item:t},n))}}function j(e){let{items:t,...n}=e;return a.createElement(L,null,t.map(((e,t)=>a.createElement(K,(0,C.Z)({key:t,item:e,index:t},n)))))}const G=(0,a.memo)(j),Y="menu_SIkG",q="menuWithAnnouncementBar_GW3s";function O(e){let{path:t,sidebar:n,className:o}=e;const i=function(){const{isActive:e}=(0,T.nT)(),[t,n]=(0,a.useState)(e);return(0,b.RF)((t=>{let{scrollY:a}=t;e&&n(0===a)}),[e]),e&&t}();return a.createElement("nav",{"aria-label":(0,u.I)({id:"theme.docs.sidebar.navAriaLabel",message:"Docs sidebar",description:"The ARIA label for the sidebar navigation"}),className:(0,l.Z)("menu thin-scrollbar",Y,i&&q,o)},a.createElement("ul",{className:(0,l.Z)(r.k.docs.docSidebarMenu,"menu__list")},a.createElement(G,{items:n,activePath:t,level:1})))}const X="sidebar_njMd",J="sidebarWithHideableNavbar_wUlq",Q="sidebarHidden_VK0M",$="sidebarLogo_isFc";function ee(e){let{path:t,sidebar:n,onCollapse:o,isHidden:r}=e;const{navbar:{hideOnScroll:i},docs:{sidebar:{hideable:c}}}=(0,v.L)();return a.createElement("div",{className:(0,l.Z)(X,i&&J,r&&Q)},i&&a.createElement(k.Z,{tabIndex:-1,className:$}),a.createElement(O,{path:t,sidebar:n}),c&&a.createElement(Z,{onClick:o}))}const te=a.memo(ee);var ne=n(3102),ae=n(3163);const le=e=>{let{sidebar:t,path:n}=e;const o=(0,ae.e)();return a.createElement("ul",{className:(0,l.Z)(r.k.docs.docSidebarMenu,"menu__list")},a.createElement(G,{items:t,activePath:n,onItemClick:e=>{"category"===e.type&&e.href&&o.toggle(),"link"===e.type&&o.toggle()},level:1}))};function oe(e){return a.createElement(ne.Zo,{component:le,props:e})}const re=a.memo(oe);function ie(e){const t=(0,g.i)(),n="desktop"===t||"ssr"===t,l="mobile"===t;return a.createElement(a.Fragment,null,n&&a.createElement(te,e),l&&a.createElement(re,e))}const ce="expandButton_m80_",se="expandButtonIcon_BlDH";function de(e){let{toggleSidebar:t}=e;return a.createElement("div",{className:ce,title:(0,u.I)({id:"theme.docs.sidebar.expandButtonTitle",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),"aria-label":(0,u.I)({id:"theme.docs.sidebar.expandButtonAriaLabel",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),tabIndex:0,role:"button",onKeyDown:t,onClick:t},a.createElement(S,{className:se}))}const me={docSidebarContainer:"docSidebarContainer_b6E3",docSidebarContainerHidden:"docSidebarContainerHidden_b3ry",sidebarViewport:"sidebarViewport_Xe31"};function ue(e){let{children:t}=e;const n=(0,d.V)();return a.createElement(a.Fragment,{key:(null==n?void 0:n.name)??"noSidebar"},t)}function be(e){let{sidebar:t,hiddenSidebarContainer:n,setHiddenSidebarContainer:o}=e;const{pathname:i}=(0,_.TH)(),[c,s]=(0,a.useState)(!1),d=(0,a.useCallback)((()=>{c&&s(!1),o((e=>!e))}),[o,c]);return a.createElement("aside",{className:(0,l.Z)(r.k.docs.docSidebarContainer,me.docSidebarContainer,n&&me.docSidebarContainerHidden),onTransitionEnd:e=>{e.currentTarget.classList.contains(me.docSidebarContainer)&&n&&s(!0)}},a.createElement(ue,null,a.createElement("div",{className:(0,l.Z)(me.sidebarViewport,c&&me.sidebarViewportHidden)},a.createElement(ie,{sidebar:t,path:i,onCollapse:d,isHidden:c}),c&&a.createElement(de,{toggleSidebar:d}))))}const pe={docMainContainer:"docMainContainer_gTbr",docMainContainerEnhanced:"docMainContainerEnhanced_Uz_u",docItemWrapperEnhanced:"docItemWrapperEnhanced_czyv"};function he(e){let{hiddenSidebarContainer:t,children:n}=e;const o=(0,d.V)();return a.createElement("main",{className:(0,l.Z)(pe.docMainContainer,(t||!o)&&pe.docMainContainerEnhanced)},a.createElement("div",{className:(0,l.Z)("container padding-top--md padding-bottom--lg",pe.docItemWrapper,t&&pe.docItemWrapperEnhanced)},n))}const Ee="docPage__5DB",fe="docsWrapper_BCFX";function _e(e){let{children:t}=e;const n=(0,d.V)(),[l,o]=(0,a.useState)(!1);return a.createElement(m.Z,{wrapperClassName:fe},a.createElement(f,null),a.createElement("div",{className:Ee},n&&a.createElement(be,{sidebar:n.items,hiddenSidebarContainer:l,setHiddenSidebarContainer:o}),a.createElement(he,{hiddenSidebarContainer:l},t)))}var ge=n(4972),ve=n(197);function ke(e){const{versionMetadata:t}=e;return a.createElement(a.Fragment,null,a.createElement(ve.Z,{version:t.version,tag:(0,i.os)(t.pluginId,t.version)}),a.createElement(o.d,null,t.noIndex&&a.createElement("meta",{name:"robots",content:"noindex, nofollow"})))}function Ce(e){const{versionMetadata:t}=e,n=(0,c.hI)(e);if(!n)return a.createElement(ge.default,null);const{docElement:i,sidebarName:m,sidebarItems:u}=n;return a.createElement(a.Fragment,null,a.createElement(ke,e),a.createElement(o.FG,{className:(0,l.Z)(r.k.wrapper.docsPages,r.k.page.docsDocPage,e.versionMetadata.className)},a.createElement(s.q,{version:t},a.createElement(d.b,{name:m,items:u},a.createElement(_e,null,i)))))}},4972:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});var a=n(7294),l=n(5999),o=n(1944),r=n(7961);function i(){return a.createElement(a.Fragment,null,a.createElement(o.d,{title:(0,l.I)({id:"theme.NotFound.title",message:"Page Not Found"})}),a.createElement(r.Z,null,a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(l.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.")))))))}}}]); \ No newline at end of file diff --git a/assets/js/1cfe139a.718f1438.js b/assets/js/1cfe139a.718f1438.js deleted file mode 100644 index e6742e9..0000000 --- a/assets/js/1cfe139a.718f1438.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9484],{3905:(e,t,a)=>{a.d(t,{Zo:()=>s,kt:()=>g});var r=a(7294);function n(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function i(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function l(e){for(var t=1;t =0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var p=r.createContext({}),o=function(e){var t=r.useContext(p),a=t;return e&&(a="function"==typeof e?e(t):l(l({},t),e)),a},s=function(e){var t=o(e.components);return r.createElement(p.Provider,{value:t},e.children)},m={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},k=r.forwardRef((function(e,t){var a=e.components,n=e.mdxType,i=e.originalType,p=e.parentName,s=d(e,["components","mdxType","originalType","parentName"]),k=o(a),g=n,u=k["".concat(p,".").concat(g)]||k[g]||m[g]||i;return a?r.createElement(u,l(l({ref:t},s),{},{components:a})):r.createElement(u,l({ref:t},s))}));function g(e,t){var a=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var i=a.length,l=new Array(i);l[0]=k;var d={};for(var p in t)hasOwnProperty.call(t,p)&&(d[p]=t[p]);d.originalType=e,d.mdxType="string"==typeof e?e:n,l[1]=d;for(var o=2;o{a.r(t),a.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>m,frontMatter:()=>i,metadata:()=>d,toc:()=>o});var r=a(7462),n=(a(7294),a(3905));const i={id:"index",title:"react-native-android-widget",sidebar_label:"Exports",sidebar_position:.5,custom_edit_url:null},l=void 0,d={unversionedId:"public-api/index",id:"public-api/index",title:"react-native-android-widget",description:"Interfaces",source:"@site/docs/public-api/index.md",sourceDirName:"public-api",slug:"/public-api/",permalink:"/react-native-android-widget/docs/public-api/",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:.5,frontMatter:{id:"index",title:"react-native-android-widget",sidebar_label:"Exports",sidebar_position:.5,custom_edit_url:null},sidebar:"api",next:{title:"BackgroundStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"}},p={},o=[{value:"Interfaces",id:"interfaces",level:2},{value:"Namespaces",id:"namespaces",level:2},{value:"Functions",id:"functions",level:2},{value:"WidgetPreview",id:"widgetpreview",level:3},{value:"Parameters",id:"parameters",level:4},{value:"Returns",id:"returns",level:4},{value:"getWidgetInfo",id:"getwidgetinfo",level:3},{value:"Parameters",id:"parameters-1",level:4},{value:"Returns",id:"returns-1",level:4},{value:"registerWidgetConfigurationScreen",id:"registerwidgetconfigurationscreen",level:3},{value:"Parameters",id:"parameters-2",level:4},{value:"Returns",id:"returns-2",level:4},{value:"registerWidgetTaskHandler",id:"registerwidgettaskhandler",level:3},{value:"Parameters",id:"parameters-3",level:4},{value:"Returns",id:"returns-3",level:4},{value:"requestWidgetUpdate",id:"requestwidgetupdate",level:3},{value:"Parameters",id:"parameters-4",level:4},{value:"Returns",id:"returns-4",level:4},{value:"FlexWidget",id:"flexwidget",level:3},{value:"Parameters",id:"parameters-5",level:4},{value:"Returns",id:"returns-5",level:4},{value:"IconWidget",id:"iconwidget",level:3},{value:"Parameters",id:"parameters-6",level:4},{value:"Returns",id:"returns-6",level:4},{value:"ImageWidget",id:"imagewidget",level:3},{value:"Parameters",id:"parameters-7",level:4},{value:"Returns",id:"returns-7",level:4},{value:"ListWidget",id:"listwidget",level:3},{value:"Parameters",id:"parameters-8",level:4},{value:"Returns",id:"returns-8",level:4},{value:"OverlapWidget",id:"overlapwidget",level:3},{value:"Parameters",id:"parameters-9",level:4},{value:"Returns",id:"returns-9",level:4},{value:"SvgWidget",id:"svgwidget",level:3},{value:"Parameters",id:"parameters-10",level:4},{value:"Returns",id:"returns-10",level:4},{value:"TextWidget",id:"textwidget",level:3},{value:"Parameters",id:"parameters-11",level:4},{value:"Returns",id:"returns-11",level:4},{value:"Type Aliases",id:"type-aliases",level:2},{value:"WidgetConfigurationScreen",id:"widgetconfigurationscreen",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters-12",level:5},{value:"Returns",id:"returns-12",level:5},{value:"WidgetTaskHandler",id:"widgettaskhandler",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-13",level:5},{value:"Returns",id:"returns-13",level:5},{value:"ResourcePath",id:"resourcepath",level:3},{value:"ImageWidgetSource",id:"imagewidgetsource",level:3},{value:"SvgWidgetStyle",id:"svgwidgetstyle",level:3},{value:"HexColor",id:"hexcolor",level:3},{value:"RgbaColor",id:"rgbacolor",level:3},{value:"ColorProp",id:"colorprop",level:3}],s={toc:o};function m(e){let{components:t,...a}=e;return(0,n.kt)("wrapper",(0,r.Z)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h2",{id:"interfaces"},"Interfaces"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps"},"WidgetPreviewProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps"},"WidgetConfigurationScreenProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps"},"WidgetTaskHandlerProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps"},"RequestWidgetUpdateProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo"},"ScreenInfo")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},"WidgetInfo")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/Widget"},"Widget")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams"},"WithAndroidWidgetsParams")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle"},"FlexWidgetStyle")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps"},"FlexWidgetProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle"},"IconWidgetStyle")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps"},"IconWidgetProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps"},"ImageWidgetProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle"},"ListWidgetStyle")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps"},"ListWidgetProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle"},"OverlapWidgetStyle")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps"},"OverlapWidgetProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps"},"SvgWidgetProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle"},"TextWidgetStyle")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps"},"TextWidgetProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},"PaddingStyleProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"},"SizeStyleProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"},"BackgroundStyleProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps"},"OtherStyleProps")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"))),(0,n.kt)("h2",{id:"namespaces"},"Namespaces"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/namespaces/FlexWidget"},"FlexWidget")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/namespaces/IconWidget"},"IconWidget")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/namespaces/ImageWidget"},"ImageWidget")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/namespaces/ListWidget"},"ListWidget")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/namespaces/OverlapWidget"},"OverlapWidget")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/namespaces/SvgWidget"},"SvgWidget")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/public-api/namespaces/TextWidget"},"TextWidget"))),(0,n.kt)("h2",{id:"functions"},"Functions"),(0,n.kt)("h3",{id:"widgetpreview"},"WidgetPreview"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"WidgetPreview"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"\xabdestructured\xbb"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"Element")),(0,n.kt)("h4",{id:"parameters"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"\xabdestructured\xbb")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps"},(0,n.kt)("inlineCode",{parentName:"a"},"WidgetPreviewProps")))))),(0,n.kt)("h4",{id:"returns"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"Element")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"getwidgetinfo"},"getWidgetInfo"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"getWidgetInfo"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"widgetName"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},(0,n.kt)("inlineCode",{parentName:"a"},"WidgetInfo")),"[]",">"),(0,n.kt)("p",null,"Returns a list of ",(0,n.kt)("inlineCode",{parentName:"p"},"widgetName")," widgets added on the home screen"),(0,n.kt)("h4",{id:"parameters-1"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"widgetName")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"string"))))),(0,n.kt)("h4",{id:"returns-1"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},(0,n.kt)("inlineCode",{parentName:"a"},"WidgetInfo")),"[]",">"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"registerwidgetconfigurationscreen"},"registerWidgetConfigurationScreen"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"registerWidgetConfigurationScreen"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"WidgetConfigurationScreenComponent"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"void")),(0,n.kt)("p",null,"Register a task handler that will handle widget actions"),(0,n.kt)("h4",{id:"parameters-2"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"WidgetConfigurationScreenComponent")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"#widgetconfigurationscreen"},(0,n.kt)("inlineCode",{parentName:"a"},"WidgetConfigurationScreen")))))),(0,n.kt)("h4",{id:"returns-2"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"void")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"registerwidgettaskhandler"},"registerWidgetTaskHandler"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"registerWidgetTaskHandler"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"handler"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"void")),(0,n.kt)("p",null,"Register a task handler that will handle widget actions"),(0,n.kt)("h4",{id:"parameters-3"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Description"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"handler")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"#widgettaskhandler"},(0,n.kt)("inlineCode",{parentName:"a"},"WidgetTaskHandler"))),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"#widgettaskhandler"},"WidgetTaskHandler"))))),(0,n.kt)("h4",{id:"returns-3"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"void")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"requestwidgetupdate"},"requestWidgetUpdate"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"requestWidgetUpdate"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"param0"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,n.kt)("inlineCode",{parentName:"p"},"void"),">"),(0,n.kt)("p",null,"Request widget update for a given widget name\nA callback will be called for each widget with that name that is added to the home screen"),(0,n.kt)("h4",{id:"parameters-4"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Description"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"param0")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps"},(0,n.kt)("inlineCode",{parentName:"a"},"RequestWidgetUpdateProps"))),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps"},"RequestWidgetUpdateProps"))))),(0,n.kt)("h4",{id:"returns-4"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,n.kt)("inlineCode",{parentName:"p"},"void"),">"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"flexwidget"},"FlexWidget"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"FlexWidget"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"\xabdestructured\xbb"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"any")),(0,n.kt)("h4",{id:"parameters-5"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"\xabdestructured\xbb")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps"},(0,n.kt)("inlineCode",{parentName:"a"},"FlexWidgetProps")))))),(0,n.kt)("h4",{id:"returns-5"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"any")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"iconwidget"},"IconWidget"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"IconWidget"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"_"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"null")),(0,n.kt)("h4",{id:"parameters-6"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"_")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps"},(0,n.kt)("inlineCode",{parentName:"a"},"IconWidgetProps")))))),(0,n.kt)("h4",{id:"returns-6"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"null")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"imagewidget"},"ImageWidget"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"ImageWidget"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"_"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"null")),(0,n.kt)("h4",{id:"parameters-7"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"_")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps"},(0,n.kt)("inlineCode",{parentName:"a"},"ImageWidgetProps")))))),(0,n.kt)("h4",{id:"returns-7"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"null")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"listwidget"},"ListWidget"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"ListWidget"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"\xabdestructured\xbb"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"any")),(0,n.kt)("h4",{id:"parameters-8"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"\xabdestructured\xbb")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps"},(0,n.kt)("inlineCode",{parentName:"a"},"ListWidgetProps")))))),(0,n.kt)("h4",{id:"returns-8"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"any")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"overlapwidget"},"OverlapWidget"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"OverlapWidget"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"\xabdestructured\xbb"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"any")),(0,n.kt)("h4",{id:"parameters-9"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"\xabdestructured\xbb")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps"},(0,n.kt)("inlineCode",{parentName:"a"},"OverlapWidgetProps")))))),(0,n.kt)("h4",{id:"returns-9"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"any")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"svgwidget"},"SvgWidget"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"SvgWidget"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"_"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"null")),(0,n.kt)("h4",{id:"parameters-10"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"_")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps"},(0,n.kt)("inlineCode",{parentName:"a"},"SvgWidgetProps")))))),(0,n.kt)("h4",{id:"returns-10"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"null")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"textwidget"},"TextWidget"),(0,n.kt)("p",null,"\u25b8 ",(0,n.kt)("strong",{parentName:"p"},"TextWidget"),"(",(0,n.kt)("inlineCode",{parentName:"p"},"_"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"null")),(0,n.kt)("h4",{id:"parameters-11"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"_")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps"},(0,n.kt)("inlineCode",{parentName:"a"},"TextWidgetProps")))))),(0,n.kt)("h4",{id:"returns-11"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"null")),(0,n.kt)("h2",{id:"type-aliases"},"Type Aliases"),(0,n.kt)("h3",{id:"widgetconfigurationscreen"},"WidgetConfigurationScreen"),(0,n.kt)("p",null,"\u01ac ",(0,n.kt)("strong",{parentName:"p"},"WidgetConfigurationScreen"),": (",(0,n.kt)("inlineCode",{parentName:"p"},"props"),": ",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps"},(0,n.kt)("inlineCode",{parentName:"a"},"WidgetConfigurationScreenProps")),") => ",(0,n.kt)("inlineCode",{parentName:"p"},"JSX.Element")),(0,n.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,n.kt)("p",null,"\u25b8 (",(0,n.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"JSX.Element")),(0,n.kt)("h5",{id:"parameters-12"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"props")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps"},(0,n.kt)("inlineCode",{parentName:"a"},"WidgetConfigurationScreenProps")))))),(0,n.kt)("h5",{id:"returns-12"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"JSX.Element")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"widgettaskhandler"},"WidgetTaskHandler"),(0,n.kt)("p",null,"\u01ac ",(0,n.kt)("strong",{parentName:"p"},"WidgetTaskHandler"),": (",(0,n.kt)("inlineCode",{parentName:"p"},"props"),": ",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps"},(0,n.kt)("inlineCode",{parentName:"a"},"WidgetTaskHandlerProps")),") => ",(0,n.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,n.kt)("inlineCode",{parentName:"p"},"void"),">"),(0,n.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,n.kt)("p",null,"\u25b8 (",(0,n.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,n.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,n.kt)("inlineCode",{parentName:"p"},"void"),">"),(0,n.kt)("h5",{id:"parameters-13"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"props")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps"},(0,n.kt)("inlineCode",{parentName:"a"},"WidgetTaskHandlerProps")))))),(0,n.kt)("h5",{id:"returns-13"},"Returns"),(0,n.kt)("p",null,(0,n.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,n.kt)("inlineCode",{parentName:"p"},"void"),">"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"resourcepath"},"ResourcePath"),(0,n.kt)("p",null,"\u01ac ",(0,n.kt)("strong",{parentName:"p"},"ResourcePath"),": ","`","./${string}","`"," ","|"," ","`","../${string}","`"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"imagewidgetsource"},"ImageWidgetSource"),(0,n.kt)("p",null,"\u01ac ",(0,n.kt)("strong",{parentName:"p"},"ImageWidgetSource"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"ImageRequireSource")," ","|"," ","`","http:${string}","`"," ","|"," ","`","https:${string}","`"," ","|"," ","`","data:image${string}","`"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"svgwidgetstyle"},"SvgWidgetStyle"),(0,n.kt)("p",null,"\u01ac ",(0,n.kt)("strong",{parentName:"p"},"SvgWidgetStyle"),": ",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,n.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"hexcolor"},"HexColor"),(0,n.kt)("p",null,"\u01ac ",(0,n.kt)("strong",{parentName:"p"},"HexColor"),": ","`","#${string}","`"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"rgbacolor"},"RgbaColor"),(0,n.kt)("p",null,"\u01ac ",(0,n.kt)("strong",{parentName:"p"},"RgbaColor"),": ","`","rgba(${number}, ${number}, ${number}, ${number})","`"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"colorprop"},"ColorProp"),(0,n.kt)("p",null,"\u01ac ",(0,n.kt)("strong",{parentName:"p"},"ColorProp"),": ",(0,n.kt)("a",{parentName:"p",href:"#hexcolor"},(0,n.kt)("inlineCode",{parentName:"a"},"HexColor"))," ","|"," ",(0,n.kt)("a",{parentName:"p",href:"#rgbacolor"},(0,n.kt)("inlineCode",{parentName:"a"},"RgbaColor"))))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/1cfe139a.99e989ee.js b/assets/js/1cfe139a.99e989ee.js new file mode 100644 index 0000000..94c4e3f --- /dev/null +++ b/assets/js/1cfe139a.99e989ee.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9484],{8469:(e,i,r)=>{r.r(i),r.d(i,{assets:()=>c,contentTitle:()=>s,default:()=>o,frontMatter:()=>n,metadata:()=>l,toc:()=>a});var t=r(5893),d=r(1151);const n={id:"index",title:"react-native-android-widget",sidebar_label:"Exports",sidebar_position:.5,custom_edit_url:null},s=void 0,l={id:"public-api/index",title:"react-native-android-widget",description:"Interfaces",source:"@site/docs/public-api/index.md",sourceDirName:"public-api",slug:"/public-api/",permalink:"/react-native-android-widget/docs/public-api/",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:.5,frontMatter:{id:"index",title:"react-native-android-widget",sidebar_label:"Exports",sidebar_position:.5,custom_edit_url:null},sidebar:"api",next:{title:"BackgroundStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"}},c={},a=[{value:"Interfaces",id:"interfaces",level:2},{value:"Type Aliases",id:"type-aliases",level:2},{value:"WidgetConfigurationScreen",id:"widgetconfigurationscreen",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"WidgetTaskHandler",id:"widgettaskhandler",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5},{value:"ResourcePath",id:"resourcepath",level:3},{value:"ImageWidgetSource",id:"imagewidgetsource",level:3},{value:"SvgWidgetStyle",id:"svgwidgetstyle",level:3},{value:"HexColor",id:"hexcolor",level:3},{value:"RgbaColor",id:"rgbacolor",level:3},{value:"ColorProp",id:"colorprop",level:3},{value:"Functions",id:"functions",level:2},{value:"WidgetPreview",id:"widgetpreview",level:3},{value:"Parameters",id:"parameters-2",level:4},{value:"Returns",id:"returns-2",level:4},{value:"getWidgetInfo",id:"getwidgetinfo",level:3},{value:"Parameters",id:"parameters-3",level:4},{value:"Returns",id:"returns-3",level:4},{value:"registerWidgetConfigurationScreen",id:"registerwidgetconfigurationscreen",level:3},{value:"Parameters",id:"parameters-4",level:4},{value:"Returns",id:"returns-4",level:4},{value:"registerWidgetTaskHandler",id:"registerwidgettaskhandler",level:3},{value:"Parameters",id:"parameters-5",level:4},{value:"Returns",id:"returns-5",level:4},{value:"requestWidgetUpdate",id:"requestwidgetupdate",level:3},{value:"Parameters",id:"parameters-6",level:4},{value:"Returns",id:"returns-6",level:4},{value:"FlexWidget",id:"flexwidget",level:3},{value:"Parameters",id:"parameters-7",level:4},{value:"Returns",id:"returns-7",level:4},{value:"IconWidget",id:"iconwidget",level:3},{value:"Parameters",id:"parameters-8",level:4},{value:"Returns",id:"returns-8",level:4},{value:"ImageWidget",id:"imagewidget",level:3},{value:"Parameters",id:"parameters-9",level:4},{value:"Returns",id:"returns-9",level:4},{value:"ListWidget",id:"listwidget",level:3},{value:"Parameters",id:"parameters-10",level:4},{value:"Returns",id:"returns-10",level:4},{value:"OverlapWidget",id:"overlapwidget",level:3},{value:"Parameters",id:"parameters-11",level:4},{value:"Returns",id:"returns-11",level:4},{value:"SvgWidget",id:"svgwidget",level:3},{value:"Parameters",id:"parameters-12",level:4},{value:"Returns",id:"returns-12",level:4},{value:"TextWidget",id:"textwidget",level:3},{value:"Parameters",id:"parameters-13",level:4},{value:"Returns",id:"returns-13",level:4}];function h(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",h5:"h5",hr:"hr",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,d.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.h2,{id:"interfaces",children:"Interfaces"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps",children:"WidgetPreviewProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps",children:"WidgetConfigurationScreenProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps",children:"WidgetTaskHandlerProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps",children:"RequestWidgetUpdateProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo",children:"ScreenInfo"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",children:"WidgetInfo"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/Widget",children:"Widget"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams",children:"WithAndroidWidgetsParams"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle",children:"FlexWidgetStyle"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps",children:"FlexWidgetProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle",children:"IconWidgetStyle"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps",children:"IconWidgetProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps",children:"ImageWidgetProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle",children:"ListWidgetStyle"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps",children:"ListWidgetProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle",children:"OverlapWidgetStyle"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps",children:"OverlapWidgetProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps",children:"SvgWidgetProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle",children:"TextWidgetStyle"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps",children:"TextWidgetProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",children:"PaddingStyleProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",children:"SizeStyleProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps",children:"BackgroundStyleProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps",children:"OtherStyleProps"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"type-aliases",children:"Type Aliases"}),"\n",(0,t.jsx)(i.h3,{id:"widgetconfigurationscreen",children:"WidgetConfigurationScreen"}),"\n",(0,t.jsxs)(i.p,{children:["\u01ac ",(0,t.jsx)(i.strong,{children:"WidgetConfigurationScreen"}),": (",(0,t.jsx)(i.code,{children:"props"}),": ",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps",children:(0,t.jsx)(i.code,{children:"WidgetConfigurationScreenProps"})}),") => ",(0,t.jsx)(i.code,{children:"JSX.Element"})]}),"\n",(0,t.jsx)(i.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 (",(0,t.jsx)(i.code,{children:"props"}),"): ",(0,t.jsx)(i.code,{children:"JSX.Element"})]}),"\n",(0,t.jsx)(i.h5,{id:"parameters",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"props"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps",children:(0,t.jsx)(i.code,{children:"WidgetConfigurationScreenProps"})})})]})})]}),"\n",(0,t.jsx)(i.h5,{id:"returns",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"JSX.Element"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"widgettaskhandler",children:"WidgetTaskHandler"}),"\n",(0,t.jsxs)(i.p,{children:["\u01ac ",(0,t.jsx)(i.strong,{children:"WidgetTaskHandler"}),": (",(0,t.jsx)(i.code,{children:"props"}),": ",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps",children:(0,t.jsx)(i.code,{children:"WidgetTaskHandlerProps"})}),") => ",(0,t.jsx)(i.code,{children:"Promise"}),"<",(0,t.jsx)(i.code,{children:"void"}),">"]}),"\n",(0,t.jsx)(i.h4,{id:"type-declaration-1",children:"Type declaration"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 (",(0,t.jsx)(i.code,{children:"props"}),"): ",(0,t.jsx)(i.code,{children:"Promise"}),"<",(0,t.jsx)(i.code,{children:"void"}),">"]}),"\n",(0,t.jsx)(i.h5,{id:"parameters-1",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"props"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps",children:(0,t.jsx)(i.code,{children:"WidgetTaskHandlerProps"})})})]})})]}),"\n",(0,t.jsx)(i.h5,{id:"returns-1",children:"Returns"}),"\n",(0,t.jsxs)(i.p,{children:[(0,t.jsx)(i.code,{children:"Promise"}),"<",(0,t.jsx)(i.code,{children:"void"}),">"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"resourcepath",children:"ResourcePath"}),"\n",(0,t.jsxs)(i.p,{children:["\u01ac ",(0,t.jsx)(i.strong,{children:"ResourcePath"}),": `./${string}` | `../${string}`"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"imagewidgetsource",children:"ImageWidgetSource"}),"\n",(0,t.jsxs)(i.p,{children:["\u01ac ",(0,t.jsx)(i.strong,{children:"ImageWidgetSource"}),": ",(0,t.jsx)(i.code,{children:"ImageRequireSource"})," | `http:${string}` | `https:${string}` | `data",":image","${string}`"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"svgwidgetstyle",children:"SvgWidgetStyle"}),"\n",(0,t.jsxs)(i.p,{children:["\u01ac ",(0,t.jsx)(i.strong,{children:"SvgWidgetStyle"}),": ",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,t.jsx)(i.code,{children:"CommonStyleProps"})})]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"hexcolor",children:"HexColor"}),"\n",(0,t.jsxs)(i.p,{children:["\u01ac ",(0,t.jsx)(i.strong,{children:"HexColor"}),": `#${string}`"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"rgbacolor",children:"RgbaColor"}),"\n",(0,t.jsxs)(i.p,{children:["\u01ac ",(0,t.jsx)(i.strong,{children:"RgbaColor"}),": `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"colorprop",children:"ColorProp"}),"\n",(0,t.jsxs)(i.p,{children:["\u01ac ",(0,t.jsx)(i.strong,{children:"ColorProp"}),": ",(0,t.jsx)(i.a,{href:"#hexcolor",children:(0,t.jsx)(i.code,{children:"HexColor"})})," | ",(0,t.jsx)(i.a,{href:"#rgbacolor",children:(0,t.jsx)(i.code,{children:"RgbaColor"})})]}),"\n",(0,t.jsx)(i.h2,{id:"functions",children:"Functions"}),"\n",(0,t.jsx)(i.h3,{id:"widgetpreview",children:"WidgetPreview"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"WidgetPreview"}),"(",(0,t.jsx)(i.code,{children:"\xabdestructured\xbb"}),"): ",(0,t.jsx)(i.code,{children:"Element"})]}),"\n",(0,t.jsx)(i.h4,{id:"parameters-2",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"\xabdestructured\xbb"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps",children:(0,t.jsx)(i.code,{children:"WidgetPreviewProps"})})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-2",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"Element"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"getwidgetinfo",children:"getWidgetInfo"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"getWidgetInfo"}),"(",(0,t.jsx)(i.code,{children:"widgetName"}),"): ",(0,t.jsx)(i.code,{children:"Promise"}),"<",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",children:(0,t.jsx)(i.code,{children:"WidgetInfo"})}),"[]>"]}),"\n",(0,t.jsxs)(i.p,{children:["Returns a list of ",(0,t.jsx)(i.code,{children:"widgetName"})," widgets added on the home screen"]}),"\n",(0,t.jsx)(i.h4,{id:"parameters-3",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"widgetName"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"string"})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-3",children:"Returns"}),"\n",(0,t.jsxs)(i.p,{children:[(0,t.jsx)(i.code,{children:"Promise"}),"<",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",children:(0,t.jsx)(i.code,{children:"WidgetInfo"})}),"[]>"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"registerwidgetconfigurationscreen",children:"registerWidgetConfigurationScreen"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"registerWidgetConfigurationScreen"}),"(",(0,t.jsx)(i.code,{children:"WidgetConfigurationScreenComponent"}),"): ",(0,t.jsx)(i.code,{children:"void"})]}),"\n",(0,t.jsx)(i.p,{children:"Register a screen that will handle widget configuration"}),"\n",(0,t.jsx)(i.h4,{id:"parameters-4",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Description"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"WidgetConfigurationScreenComponent"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"#widgetconfigurationscreen",children:(0,t.jsx)(i.code,{children:"WidgetConfigurationScreen"})})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"#widgetconfigurationscreen",children:"WidgetConfigurationScreen"})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-4",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"void"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"registerwidgettaskhandler",children:"registerWidgetTaskHandler"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"registerWidgetTaskHandler"}),"(",(0,t.jsx)(i.code,{children:"handler"}),"): ",(0,t.jsx)(i.code,{children:"void"})]}),"\n",(0,t.jsx)(i.p,{children:"Register a task handler that will handle widget actions"}),"\n",(0,t.jsx)(i.h4,{id:"parameters-5",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Description"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"handler"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"#widgettaskhandler",children:(0,t.jsx)(i.code,{children:"WidgetTaskHandler"})})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"#widgettaskhandler",children:"WidgetTaskHandler"})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-5",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"void"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"requestwidgetupdate",children:"requestWidgetUpdate"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"requestWidgetUpdate"}),"(",(0,t.jsx)(i.code,{children:"param0"}),"): ",(0,t.jsx)(i.code,{children:"Promise"}),"<",(0,t.jsx)(i.code,{children:"void"}),">"]}),"\n",(0,t.jsx)(i.p,{children:"Request widget update for a given widget name\nA callback will be called for each widget with that name that is added to the home screen"}),"\n",(0,t.jsx)(i.h4,{id:"parameters-6",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Description"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"param0"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps",children:(0,t.jsx)(i.code,{children:"RequestWidgetUpdateProps"})})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps",children:"RequestWidgetUpdateProps"})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-6",children:"Returns"}),"\n",(0,t.jsxs)(i.p,{children:[(0,t.jsx)(i.code,{children:"Promise"}),"<",(0,t.jsx)(i.code,{children:"void"}),">"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"flexwidget",children:"FlexWidget"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"FlexWidget"}),"(",(0,t.jsx)(i.code,{children:"\xabdestructured\xbb"}),"): ",(0,t.jsx)(i.code,{children:"any"})]}),"\n",(0,t.jsx)(i.h4,{id:"parameters-7",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"\xabdestructured\xbb"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps",children:(0,t.jsx)(i.code,{children:"FlexWidgetProps"})})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-7",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"any"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"iconwidget",children:"IconWidget"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"IconWidget"}),"(",(0,t.jsx)(i.code,{children:"_"}),"): ",(0,t.jsx)(i.code,{children:"null"})]}),"\n",(0,t.jsx)(i.h4,{id:"parameters-8",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"_"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps",children:(0,t.jsx)(i.code,{children:"IconWidgetProps"})})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-8",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"null"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"imagewidget",children:"ImageWidget"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"ImageWidget"}),"(",(0,t.jsx)(i.code,{children:"_"}),"): ",(0,t.jsx)(i.code,{children:"null"})]}),"\n",(0,t.jsx)(i.h4,{id:"parameters-9",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"_"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps",children:(0,t.jsx)(i.code,{children:"ImageWidgetProps"})})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-9",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"null"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"listwidget",children:"ListWidget"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"ListWidget"}),"(",(0,t.jsx)(i.code,{children:"\xabdestructured\xbb"}),"): ",(0,t.jsx)(i.code,{children:"any"})]}),"\n",(0,t.jsx)(i.h4,{id:"parameters-10",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"\xabdestructured\xbb"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps",children:(0,t.jsx)(i.code,{children:"ListWidgetProps"})})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-10",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"any"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"overlapwidget",children:"OverlapWidget"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"OverlapWidget"}),"(",(0,t.jsx)(i.code,{children:"\xabdestructured\xbb"}),"): ",(0,t.jsx)(i.code,{children:"any"})]}),"\n",(0,t.jsx)(i.h4,{id:"parameters-11",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"\xabdestructured\xbb"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps",children:(0,t.jsx)(i.code,{children:"OverlapWidgetProps"})})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-11",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"any"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"svgwidget",children:"SvgWidget"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"SvgWidget"}),"(",(0,t.jsx)(i.code,{children:"_"}),"): ",(0,t.jsx)(i.code,{children:"null"})]}),"\n",(0,t.jsx)(i.h4,{id:"parameters-12",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"_"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps",children:(0,t.jsx)(i.code,{children:"SvgWidgetProps"})})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-12",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"null"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"textwidget",children:"TextWidget"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 ",(0,t.jsx)(i.strong,{children:"TextWidget"}),"(",(0,t.jsx)(i.code,{children:"_"}),"): ",(0,t.jsx)(i.code,{children:"null"})]}),"\n",(0,t.jsx)(i.h4,{id:"parameters-13",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"_"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps",children:(0,t.jsx)(i.code,{children:"TextWidgetProps"})})})]})})]}),"\n",(0,t.jsx)(i.h4,{id:"returns-13",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"null"})})]})}function o(e={}){const{wrapper:i}={...(0,d.a)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},1151:(e,i,r)=>{r.d(i,{Z:()=>l,a:()=>s});var t=r(7294);const d={},n=t.createContext(d);function s(e){const i=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function l(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:s(e.components),t.createElement(n.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/c4f5d8e4.12baaed4.js b/assets/js/1df93b7f.46e4da64.js similarity index 63% rename from assets/js/c4f5d8e4.12baaed4.js rename to assets/js/1df93b7f.46e4da64.js index bdcaf3b..3cf05b6 100644 --- a/assets/js/c4f5d8e4.12baaed4.js +++ b/assets/js/1df93b7f.46e4da64.js @@ -1 +1 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[4195],{5991:(e,t,l)=>{l.d(t,{Z:()=>M});var a,c,r,n,i,h,m,s,d,f,o,p,E=l(7294);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t {let{title:t,titleId:l,...M}=e;return E.createElement("svg",v({"data-name":"Layer 1",width:1097.1,height:807.9,viewBox:"0 0 1097.1 807.9",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":l},M),void 0===t?E.createElement("title",{id:l},"android"):t?E.createElement("title",{id:l},t):null,a||(a=E.createElement("path",{d:"M11.85 429.95c17.36 74.2 54.11 138.34 112.19 169.43 120.7 64.61 392.91 31.29 596.07-7a465.21 465.21 0 0 0 264.54-151.23ZM1077.2 80.71H965.73a9.635 9.635 0 1 1 0-19.27H985a9.635 9.635 0 0 1 0-19.27h-13.76a9.635 9.635 0 0 1 0-19.27h58.18c-12.91-6-28-10.27-45.38-12.51-158.64-20.38-215.28-6.9-235.26 7-24.65 17.1-52.15 29.68-81.54 35.74-97.88 20.19-280.93 44.49-446.84-7.78-82.46-26-143.75 17.92-180.48 91.28h1056.63c-1.38-21.32-5.51-41-13.09-58.24a9.58 9.58 0 0 1-6.26 2.32ZM2.39 275.1a491.06 491.06 0 0 0 4.32 129.45l978.68 35.79a460 460 0 0 0 68-103.7Zm387.08 92.35H370.2a9.635 9.635 0 1 1 0 19.27H258.73a9.635 9.635 0 1 1 0-19.27H278a9.635 9.635 0 0 1 0-19.27h-13.76a9.635 9.635 0 0 1 0-19.27h111.47a9.635 9.635 0 1 1 0 19.27h13.76a9.635 9.635 0 0 1 0 19.27ZM1096.6 137.29l-1068.49 26c-12.99 33.4-21.56 71.17-25.56 110.33h1075.33a456.46 456.46 0 0 0 15.53-70.33c3.2-23.02 4.48-45.27 3.19-66Zm-877.13 85.16H200.2a9.635 9.635 0 1 1 0 19.27H88.73a9.635 9.635 0 1 1 0-19.27H108a9.635 9.635 0 0 1 0-19.27H94.24a9.635 9.635 0 0 1 0-19.27h111.47a9.635 9.635 0 1 1 0 19.27h13.76a9.635 9.635 0 0 1 0 19.27Z",fill:"#0077b6",opacity:.1})),c||(c=E.createElement("g",{opacity:.1},E.createElement("path",{d:"M677.55 623.28s28.2-69.5 80.86-95.28a113.65 113.65 0 0 0 51.61-50.05 191.13 191.13 0 0 0 12.93-32.5",fill:"none",stroke:"#535461",strokeMiterlimit:10,strokeWidth:2}),E.createElement("path",{d:"M856.04 429c-5.49 6.9-33.9 17-33.9 17s3.42-30 8.91-36.85a16 16 0 0 1 25 19.88ZM846.29 483.66c-8.36 2.81-37.68-4.18-37.68-4.18s19.15-23.28 27.51-26.09a16 16 0 0 1 10.17 30.27ZM793.43 548.26c-8.63-1.79-30.42-22.63-30.42-22.63s28.28-10.43 36.92-8.64a16 16 0 0 1-6.5 31.26ZM742.43 588.14c-8.81-.31-33.81-17.16-33.81-17.16s26.12-15.03 34.93-14.75a16 16 0 1 1-1.12 31.91ZM781.31 459.95c1.13 8.75 20.22 32.07 20.22 32.07s12.57-27.4 11.45-36.15a16 16 0 0 0-31.67 4.08ZM722.25 507.34c3.69 8 28.89 24.55 28.89 24.55s3.8-29.91.11-37.91a16 16 0 1 0-29 13.37ZM671.17 561.28c2.28 8.52 24.33 29.08 24.33 29.08s8.8-28.83 6.51-37.35a16 16 0 0 0-30.84 8.27Z",fill:"#0077b6"}),E.createElement("path",{d:"M856.04 429c-5.49 6.9-33.9 17-33.9 17s3.42-30 8.91-36.85a16 16 0 0 1 25 19.88ZM846.29 483.66c-8.36 2.81-37.68-4.18-37.68-4.18s19.15-23.28 27.51-26.09a16 16 0 0 1 10.17 30.27ZM793.43 548.26c-8.63-1.79-30.42-22.63-30.42-22.63s28.28-10.43 36.92-8.64a16 16 0 0 1-6.5 31.26ZM742.43 588.14c-8.81-.31-33.81-17.16-33.81-17.16s26.12-15.03 34.93-14.75a16 16 0 1 1-1.12 31.91ZM781.31 459.95c1.13 8.75 20.22 32.07 20.22 32.07s12.57-27.4 11.45-36.15a16 16 0 0 0-31.67 4.08ZM722.25 507.34c3.69 8 28.89 24.55 28.89 24.55s3.8-29.91.11-37.91a16 16 0 1 0-29 13.37ZM671.17 561.28c2.28 8.52 24.33 29.08 24.33 29.08s8.8-28.83 6.51-37.35a16 16 0 0 0-30.84 8.27Z",opacity:.25}))),r||(r=E.createElement("g",{opacity:.1},E.createElement("path",{d:"M657.55 521.66s3.56-74.92 44.69-116.71a113.65 113.65 0 0 0 32-64.35 191.13 191.13 0 0 0 1.43-34.92",fill:"none",stroke:"#535461",strokeMiterlimit:10,strokeWidth:2}),E.createElement("path",{d:"M761.55 279.19c-2.89 8.33-26.35 27.26-26.35 27.26s-6.7-29.39-3.81-37.72a16 16 0 1 1 30.16 10.46ZM770.43 333.95c-7 5.42-36.94 8.56-36.94 8.56s10.35-28.32 17.3-33.74a16 16 0 1 1 19.64 25.18ZM741.98 412.47c-8.74 1.17-36.2-11.26-36.2-11.26s23.23-19.22 32-20.39a16 16 0 1 1 4.24 31.65ZM707.09 467c-8.42 2.63-37.59-5-37.59-5s19.64-22.87 28.06-25.5a16 16 0 0 1 9.53 30.48ZM701.26 333.17c4 7.88 29.72 23.55 29.72 23.55s2.77-30-1.19-37.9a16 16 0 0 0-28.53 14.35ZM661.26 397.47c6.14 6.33 35.4 13.58 35.4 13.58s-6.33-29.47-12.47-35.8a16 16 0 0 0-22.93 22.23ZM630.96 465.29c5 7.28 32.6 19.37 32.6 19.37s-1.26-30.12-6.24-37.4a16 16 0 0 0-26.35 18Z",fill:"#0077b6"}))),n||(n=E.createElement("path",{d:"M299.74 775.76c39.32 13.22 87.29 5.18 131.9 6.11 6.11.13 12.57.51 17.47 2.79s7.31 6 10.67 9.15c12.5 11.79 38.11 15.58 60.5 13.58s42.92-8.62 64-13.66c36.52-8.72 78.27-12.68 114.29-3.18 3.31.87 6.79 1.87 10.33 1.53 7.9-.78 10.25-7.1 15.77-10.71 10-6.52 31.63-4.75 36-13.34 2.57-5-3.34-10.2-9.77-13.64-24.62-13.16-59.84-15.33-92.06-13.3s-63.9 7.63-96.29 7.65c-40.35 0-79.34-8.59-119.3-12.11-27.68-2.44-57.89-2.14-83.84 5-28.05 7.82-34.25 25.26-59.67 34.13Z",fill:"#0077b6",opacity:.1})),i||(i=E.createElement("path",{fill:"#535461",d:"M365.51 184.9h7v99h-7zM365.51 317.9h7v56h-7z"})),h||(h=E.createElement("rect",{x:370.51,y:87.9,width:315,height:684,rx:47.1,ry:47.1,fill:"#535461"})),m||(m=E.createElement("rect",{x:370.51,y:119.9,width:315,height:623,rx:47.1,ry:47.1,fill:"#0077b6"})),s||(s=E.createElement("rect",{x:502.51,y:102.9,width:52,height:7,rx:3.5,ry:3.5,fill:"#eaeaf3"})),d||(d=E.createElement("circle",{cx:572.51,cy:106.9,r:5,fill:"#eaeaf3"})),f||(f=E.createElement("path",{d:"M446.31 396.1v73a17.27 17.27 0 0 1-17.33 17.46c-9.64 0-19-7.81-19-17.46v-73c0-9.52 9.33-17.33 19-17.33a17.4 17.4 0 0 1 17.33 17.33Zm6.81 98.94a18.61 18.61 0 0 0 18.65 18.65h12.54l.19 38.51c0 23.25 34.79 23.07 34.79 0v-38.5h23.44v38.51c0 23.13 35 23.19 35 0V513.7h12.73a18.59 18.59 0 0 0 18.53-18.65v-113.1H453.12Zm156.29-119.17h-157c0-27 16.13-50.42 40.08-62.64l-12-22.25c-1.76-3.09 2.71-5 4.22-2.39l12.23 22.44a85.14 85.14 0 0 1 68.25 0l12.16-22.37c1.58-2.71 6-.69 4.22 2.39l-12 22.18c23.71 12.22 39.84 35.67 39.84 62.64Zm-107.58-35a6.62 6.62 0 0 0-6.62-6.62 6.62 6.62 0 0 0 0 13.23 6.62 6.62 0 0 0 6.62-6.59Zm71.47 0a6.52 6.52 0 1 0-6.43 6.62 6.58 6.58 0 0 0 6.43-6.6Zm59.74 37.88a17.28 17.28 0 0 0-17.33 17.33v73a17.39 17.39 0 0 0 17.33 17.46c9.71 0 19-7.81 19-17.46v-73c-.03-9.68-9.36-17.31-19-17.31Z",fill:"#fff"})),o||(o=E.createElement("path",{fill:"#535461",d:"M454.01 569.46h65v3h-65zM543.01 569.46h43v3h-43zM397.01 569.46h43v3h-43zM611.01 569.46h43v3h-43z"})),p||(p=E.createElement("title",null,"Expo")),E.createElement("path",{d:"M645.585 467.806a11.36 11.36 0 0 0-4.433-3.698 11.474 11.474 0 0 0-11.18.8 11.32 11.32 0 0 0-3.847 4.292 10.075 10.075 0 0 0 1.959 11.364 16.701 16.701 0 0 0 11.144-3.148 16.437 16.437 0 0 0 6.352-9.61zm-33.828-43.853-7.246-3.938-31.534 17.396 2.514 1.35 4.782 2.488 8.656-4.767 22.833-12.609zm2.919-1.2a1.124 1.124 0 0 1 .8.75l10.564 30.895a1.024 1.024 0 0 1-.5 1.344 20.305 20.305 0 0 0-8.985 9.865 20.075 20.075 0 0 0-.875 13.268 21.404 21.404 0 0 0 8.77 11.654 21.75 21.75 0 0 0 14.263 3.398 1.344 1.344 0 0 1 1.31.8l10.914 31.709a1.28 1.28 0 0 1-.505 1.389l-33.542 19.44a1.264 1.264 0 0 1-.505.1 1.35 1.35 0 0 1-.905-.15l-11.769-7.321a1.17 1.17 0 0 1-.5-.5l-22.988-52.388-35.007 19.74a1.634 1.634 0 0 1-1.36.05l-7.955-4.488a1.15 1.15 0 0 1-.5-1.494l34.008-63.967a1.214 1.214 0 0 1 .55-.495l33.907-18.746a1.294 1.294 0 0 1 1.205 0l9.61 5.148zm-42.049 17.187-1.649-.845-32.783 61.869 5.982 3.338 28.27-36.656a1.374 1.374 0 0 1 1.155-.5 1.41 1.41 0 0 1 1.004.745l30.784 70.294 8.226 5.032-33.043-95.75-1.404-3.989-6.587-3.588.05.05zm50.7 36.891a12.544 12.544 0 0 1 .599-8.31 12.694 12.694 0 0 1 5.687-6.147 13.983 13.983 0 0 1 16.297 1.998 12.559 12.559 0 0 1 .365 17.831l-.365.365a13.843 13.843 0 0 1-18.93.05 13.588 13.588 0 0 1-3.654-5.787z",style:{strokeWidth:4.99743}}))}},3100:(e,t,l)=>{l.d(t,{Z:()=>N});var a,c,r,n,i,h,m,s,d,f,o,p,E,v,M,Z,u,g,b,y,z,w,x,H=l(7294);function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t {let{title:t,titleId:l,...N}=e;return H.createElement("svg",_({xmlns:"http://www.w3.org/2000/svg",width:606.784,height:466.947,viewBox:"0 0 606.784 466.947","aria-labelledby":l},N),t?H.createElement("title",{id:l},t):null,a||(a=H.createElement("path",{d:"M243.114 465.757c0 .66.53 1.19 1.19 1.19h361.29c.66 0 1.19-.53 1.19-1.19 0-.66-.53-1.19-1.19-1.19h-361.29c-.66 0-1.19.53-1.19 1.19Z",fill:"#ccc"})),c||(c=H.createElement("path",{d:"m478.731 208.216-12.811-88.46 11.303-1.225c11.816-1.277 22.814 5.659 26.749 16.872 7.114 9.12 11.273 19.824 11.459 32.658 4.6 13.11-2.28 27.638-15.337 32.386l-21.363 7.769Z",fill:"#3f3d56"})),r||(r=H.createElement("path",{fill:"#a0616a",d:"m480.185 444.738-8.607.203-4.798-38.67 12.702-.301.703 38.768z"})),n||(n=H.createElement("path",{d:"M450.654 462.696c0 1.454 1.032 2.632 2.305 2.632h17.085s1.681-6.758 8.536-9.667l.474 9.667h8.813l-1.068-15.544s2.358-8.316-2.538-12.567c-4.897-4.251-.93-3.66-.93-3.66l-1.927-9.62-13.319 1.566-.097 15.103-6.464 14.99-9.48 4.683c-.844.417-1.39 1.366-1.39 2.417Z",fill:"#2f2e41"})),i||(i=H.createElement("path",{fill:"#a0616a",d:"m448.738 444.445-8.608.203-4.798-38.67 12.703-.301.703 38.768z"})),h||(h=H.createElement("path",{d:"M419.206 462.403c0 1.454 1.032 2.632 2.305 2.632h17.085s1.682-6.758 8.537-9.667l.473 9.667h8.814l-1.068-15.544s2.357-8.316-2.54-12.567c-4.896-4.251-.93-3.66-.93-3.66l-1.926-9.62-13.318 1.566-.098 15.103-6.463 14.99-9.48 4.683c-.844.417-1.39 1.366-1.39 2.417ZM473.52 114.477l-30.999 5.39c-2.135-5.465-12.473-20.548-13.358-25.9-2.302-13.913 8.07-26.74 22.134-27.79 13.488-1.006 21.705 1.52 22.853 14.368.403 4.503 6.267 8.566 7.448 12.93 6.516 24.077-6.52 15.87-8.078 21.002ZM426.979 215.32l-2.022 30.998 8.68 172.717 16-3 10.797-140.74 3.945 143.199 18.869.674L496.508 251a57.051 57.051 0 0 0-9.554-36.354l-59.975.674Z",fill:"#2f2e41"})),m||(m=H.createElement("path",{d:"M466.064 115.586h-24.732l-5.593 8.76-19.542 8.087 10.782 76.822-2.696 33.02c15.236 5.17 50.593 13.171 76.166-7.947l-22.93-41.246 5.392-57.953-10.445-9.503-6.402-10.04Z",fill:"#0077b6"})),s||(s=H.createElement("circle",{cx:452.381,cy:92.544,r:18.686,fill:"#a0616a"})),d||(d=H.createElement("path",{d:"M498.509 260.2c-.402-2.029-.312-3.98.163-5.581l-5.046-19.081 9.15-2.136 4.134 19.586c1.05 1.3 1.876 3.069 2.277 5.097.918 4.634-.729 8.864-3.678 9.448-2.948.584-6.083-2.7-7-7.333Z",fill:"#a0616a"})),f||(f=H.createElement("path",{d:"M470.444 130.749s11.456-4.718 16.847 4.043c5.391 8.76 19.542 111.863 19.542 111.863l-11.792 1.685-23.25-83.224-1.347-34.367Z",fill:"#0077b6"})),o||(o=H.createElement("path",{fill:"#3f3d56",d:"m478.638 190.035-9.566-67.072 8.148 6.517 1.418 60.555z"})),p||(p=H.createElement("path",{d:"M473.605 147.413c-1.53 1.574-3.29 2.672-4.975 3.222L455 166.55l-7.383-6.707 14.621-15.42c.503-1.702 1.551-3.49 3.081-5.064 3.496-3.596 8.185-4.707 10.473-2.483 2.288 2.225 1.308 6.943-2.187 10.538Z",fill:"#a0616a"})),E||(E=H.createElement("path",{d:"M428.687 127.805s-12.872 1.473-13.85 6.833 5.992 55.135 5.992 55.135l9.682 10.262 37.828-45.062-11.377-7.146-17.486 13.74-10.789-33.762Z",fill:"#0077b6"})),v||(v=H.createElement("path",{d:"M450.09 69.152c-7.6 1.337-14.965 5.452-18.908 12.086-3.944 6.634-11.169 15.877-5.93 21.545 1.81 1.959 4.116 3.442 5.745 5.554 2.771 3.595 3.172 8.646 1.79 12.97s-4.346 7.989-7.737 11.006c7.258-.748 13.882-5.905 16.388-12.757 1.16-3.17 1.396-6.974-.589-9.706-1.043-1.436-2.58-2.418-3.907-3.6-3.42-3.046-1.223-7.648-1.203-12.228s.597-7.766 4.044-10.782c2.373 1.897 10.243 1.44 13.242.953 3-.487 11.387 11.032 13.039 8.482 3.234 4.156 1.021-4.41.414.822-.434 3.743-2.892 6.97-3.633 10.665-.644 3.215.06 6.56 1.193 9.637 2.554 6.94 7.344 13.038 13.482 17.165-3.544-5.012-7.239-10.49-7.122-16.627.086-4.552 9.785-21.947 11.143-26.293 2.6-8.315-4.553-9.53-10.086-16.26-4.86-5.91-14.252-4.083-21.7-2.334",fill:"#2f2e41"})),M||(M=H.createElement("path",{d:"M304.98 0H19.02C8.53 0 0 8.53 0 19.02v294.96C0 324.47 8.53 333 19.02 333h285.96c10.49 0 19.02-8.53 19.02-19.02V19.02C324 8.53 315.47 0 304.98 0ZM322 313.98c0 9.39-7.63 17.02-17.02 17.02H19.02C9.63 331 2 323.37 2 313.98V19.02C2 9.63 9.63 2 19.02 2h285.96C314.37 2 322 9.63 322 19.02v294.96Z",fill:"#3f3d56"})),Z||(Z=H.createElement("path",{d:"M129.03 19.35h-28.06a2.565 2.565 0 0 0 0 5.13h28.06a2.565 2.565 0 0 0 0-5.13ZM176.03 19.35h-28.06a2.565 2.565 0 0 0 0 5.13h28.06a2.565 2.565 0 0 0 0-5.13Z",fill:"#e6e6e6"})),u||(u=H.createElement("path",{d:"M223.03 19.35h-28.06a2.565 2.565 0 0 0 0 5.13h28.06a2.565 2.565 0 0 0 0-5.13Z",fill:"#3f3d56"})),g||(g=H.createElement("path",{d:"M85.498 87.412h-35.2c-4.36 0-7.9 3.54-7.9 7.9v20.2c0 4.36 3.54 7.9 7.9 7.9h35.2c4.36 0 7.9-3.54 7.9-7.9v-20.2c0-4.36-3.54-7.9-7.9-7.9Z",fill:"#0077b6"})),b||(b=H.createElement("path",{d:"M122.738 140.888h-35.2c-4.36 0-7.9 3.54-7.9 7.9v20.2c0 4.36 3.54 7.9 7.9 7.9h35.2c4.36 0 7.9-3.54 7.9-7.9v-20.2c0-4.36-3.54-7.9-7.9-7.9Z",fill:"#e6e6e6"})),y||(y=H.createElement("path",{d:"M129.434 122.27c-.665 0-1.204-.539-1.204-1.204V89.758a1.204 1.204 0 1 1 2.408 0v31.308c0 .665-.54 1.204-1.204 1.204Zm-6.021-16.858c0 .665-.54 1.204-1.204 1.204h-13.951l5.17 5.168a1.206 1.206 0 1 1-1.705 1.706l-7.225-7.225a1.204 1.204 0 0 1-.002-1.703l.002-.002 7.225-7.225a1.206 1.206 0 1 1 1.705 1.705l-5.17 5.168h13.95c.666 0 1.205.54 1.205 1.204ZM49.623 158.888c0 .665.54 1.204 1.204 1.204h13.951l-5.17 5.168a1.206 1.206 0 1 0 1.705 1.705l7.225-7.224c.47-.47.471-1.232.002-1.703l-.002-.002-7.225-7.225a1.206 1.206 0 1 0-1.705 1.705l5.17 5.168h-13.95c-.666 0-1.205.54-1.205 1.204Zm-6.02 16.858c-.666 0-1.205-.539-1.205-1.204v-31.308a1.204 1.204 0 1 1 2.408 0v31.308c0 .665-.539 1.204-1.204 1.204Z",fill:"#3f3d56"})),z||(z=H.createElement("path",{d:"M231.738 115.035h-35.2c-4.36 0-7.9 3.54-7.9 7.9v20.2c0 4.36 3.54 7.9 7.9 7.9h35.2c4.36 0 7.9-3.54 7.9-7.9v-20.2c0-4.36-3.54-7.9-7.9-7.9ZM231.738 239.035h-35.2c-4.36 0-7.9 3.54-7.9 7.9v20.2c0 4.36 3.54 7.9 7.9 7.9h35.2c4.36 0 7.9-3.54 7.9-7.9v-20.2c0-4.36-3.54-7.9-7.9-7.9Z",fill:"#e6e6e6"})),w||(w=H.createElement("path",{d:"M197.28 204.604c0-.665.539-1.204 1.204-1.204h31.308a1.204 1.204 0 1 1 0 2.408h-31.308c-.665 0-1.204-.54-1.204-1.204Zm16.858 6.02c.665 0 1.204.54 1.204 1.205v13.95l5.168-5.17a1.206 1.206 0 1 1 1.705 1.705l-7.225 7.225c-.47.471-1.232.472-1.703.002l-.002-.002-7.225-7.225a1.206 1.206 0 1 1 1.705-1.705l5.169 5.17v-13.95c0-.665.539-1.204 1.204-1.204ZM214.138 180.81c.665 0 1.204-.539 1.204-1.204v-13.95l5.168 5.17a1.206 1.206 0 1 0 1.705-1.705l-7.225-7.225a1.204 1.204 0 0 0-1.703-.002l-.002.002-7.225 7.225a1.206 1.206 0 1 0 1.705 1.705l5.169-5.17v13.95c0 .665.539 1.205 1.204 1.205Zm-16.858 6.021c0-.665.539-1.204 1.204-1.204h31.308a1.204 1.204 0 1 1 0 2.408h-31.308c-.665 0-1.204-.539-1.204-1.204Z",fill:"#3f3d56"})),x||(x=H.createElement("circle",{cx:208.638,cy:22.035,r:9,fill:"#0077b6"})))}},4232:(e,t,l)=>{l.d(t,{Z:()=>B});var a,c,r,n,i,h,m,s,d,f,o,p,E,v,M,Z,u,g,b,y,z,w,x,H,_,N,k,C,O,V,j,S,A,L=l(7294);function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t {let{title:t,titleId:l,...B}=e;return L.createElement("svg",W({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:1075.03,height:766.356,viewBox:"0 0 1075.03 766.356","aria-labelledby":l},B),void 0===t?L.createElement("title",{id:l},"mobile_prototyping"):t?L.createElement("title",{id:l},t):null,a||(a=L.createElement("ellipse",{cx:952.03,cy:736.356,rx:123,ry:30,fill:"#3f3d56"})),c||(c=L.createElement("path",{d:"M521.336 102.897v397.01a17.839 17.839 0 0 1-17.838 17.83H342.32a17.808 17.808 0 0 1-17.839-17.83v-397.01a17.838 17.838 0 0 1 17.839-17.839h24.123v3.095a14.688 14.688 0 0 0 14.689 14.689h81.97a14.688 14.688 0 0 0 14.689-14.689v-3.095h25.706a17.833 17.833 0 0 1 17.84 17.839Z",fill:"#0077b6"})),r||(r=L.createElement("path",{fill:"#3f3d56",d:"M331.562 151.412H514.28v88.996H331.562z"})),n||(n=L.createElement("path",{d:"M405.128 212.52c4.783 17.682 21.166 28.632 21.166 28.632s8.629-17.716 3.845-35.397-21.166-28.632-21.166-28.632-8.628 17.717-3.845 35.398Z",fill:"#fff"})),i||(i=L.createElement("path",{d:"M412.157 208.721c13.124 12.777 14.727 32.417 14.727 32.417s-19.676-1.074-32.8-13.85-14.729-32.418-14.729-32.418 19.677 1.075 32.802 13.851Z",fill:"#0077b6"})),h||(h=L.createElement("path",{d:"M448.64 212.52c-4.782 17.682-21.165 28.632-21.165 28.632s-8.629-17.716-3.846-35.397 21.167-28.632 21.167-28.632 8.628 17.717 3.845 35.398Z",fill:"#fff"})),m||(m=L.createElement("path",{d:"M441.612 208.721c-13.124 12.777-14.728 32.417-14.728 32.417s19.677-1.074 32.802-13.85 14.728-32.418 14.728-32.418-19.677 1.075-32.802 13.851Z",fill:"#0077b6"})),s||(s=L.createElement("path",{fill:"#f0f0f0",d:"M347.904 290.246h150.033v8.236H347.904zM347.904 303.514h150.033v8.236H347.904zM347.904 316.783h150.033v8.236H347.904zM347.904 330.052h150.033v8.236H347.904zM418.065 377.318l33.395 23.707-23.707 33.394-33.395-23.707z"})),d||(d=L.createElement("path",{d:"M427.451 443.03a9.45 9.45 0 1 1 9.451-9.452 9.462 9.462 0 0 1-9.45 9.451Zm0-17.328a7.876 7.876 0 1 0 7.876 7.876 7.885 7.885 0 0 0-7.876-7.876Z",fill:"#3f3d56"})),f||(f=L.createElement("path",{d:"M196.855 17.839v397.009a17.839 17.839 0 0 1-17.839 17.83H17.84A17.808 17.808 0 0 1 0 414.849V17.838A17.838 17.838 0 0 1 17.839 0h24.123v3.095A14.688 14.688 0 0 0 56.65 17.784h81.971A14.688 14.688 0 0 0 153.31 3.095V0h25.706a17.833 17.833 0 0 1 17.839 17.839Z",fill:"#f2f2f2"})),o||(o=L.createElement("path",{d:"M176.41 216.781H18.893V75.805h157.515Zm-155.94-1.575h154.364V77.38H20.469Z",fill:"#3f3d56"})),p||(p=L.createElement("path",{fill:"#3f3d56",d:"m19.156 77.18 1.05-1.175 155.94 139.401-1.05 1.174z"})),E||(E=L.createElement("path",{fill:"#3f3d56",d:"M19.155 215.405 175.098 76.006l1.05 1.175L20.204 216.579zM19.682 257.735h155.94v1.575H19.682zM19.682 271.911h155.94v1.575H19.682zM19.682 286.088h155.94v1.575H19.682zM19.682 300.264h77.97v1.575h-77.97zM19.682 314.44h77.97v1.575h-77.97z"})),v||(v=L.createElement("path",{d:"M845.03 17.839v397.009a17.839 17.839 0 0 1-17.839 17.83H666.014a17.808 17.808 0 0 1-17.839-17.83V17.838A17.838 17.838 0 0 1 666.014 0h24.123v3.095a14.688 14.688 0 0 0 14.689 14.689h81.97a14.688 14.688 0 0 0 14.689-14.689V0h25.706a17.833 17.833 0 0 1 17.839 17.839Z",fill:"#f2f2f2"})),M||(M=L.createElement("path",{fill:"#3f3d56",d:"M669.432 203.392h155.94v1.575h-155.94zM669.432 244.346h155.94v1.575h-155.94zM669.432 285.3h155.94v1.575h-155.94z"})),Z||(Z=L.createElement("circle",{cx:743.242,cy:117.997,r:25.602,fill:"#0077b6"})),u||(u=L.createElement("path",{fill:"#0077b6",d:"M785.993 196.304h11.026v25.202h-11.026zM689.121 236.47h11.026v25.202h-11.026zM753.703 276.637h11.026v25.202h-11.026z"})),g||(g=L.createElement("path",{d:"M746.603 146.687a31.503 31.503 0 1 1 31.503-31.503 31.539 31.539 0 0 1-31.503 31.503Zm0-61.431a29.928 29.928 0 1 0 29.928 29.928 29.962 29.962 0 0 0-29.928-29.928ZM216.592 209.542l1.542-1.273 63.197 76.538-1.542 1.274z",fill:"#3f3d56"})),b||(b=L.createElement("path",{d:"M288.245 294.751c-5.241-3.038-12.5-6.182-18.219-7.126l9.525-3.403 5.143-8.708c-.156 5.793 1.558 13.517 3.551 19.237ZM562.943 284.814l63.18-76.552 1.543 1.273-63.18 76.553z",fill:"#3f3d56"})),y||(y=L.createElement("path",{d:"M556.021 294.751c1.991-5.721 3.705-13.445 3.55-19.238l5.144 8.709 9.523 3.402c-5.718.943-12.977 4.088-18.217 7.127Z",fill:"#3f3d56"})),z||(z=L.createElement("path",{d:"M1016.53 377.856s0 146-23 199l-53 119s-34-2-36-16l40-124 24-73 6-114Z",fill:"#2f2e41"})),w||(w=L.createElement("path",{d:"m983.53 381.856-9 61 6 134 3 74s12 33 8 36l-8 6s-32-4-33-6-20-153-20-153-39-122-37-124 11-32 11-32Z",fill:"#2f2e41"})),x||(x=L.createElement("path",{d:"m990.53 682.856 4 23s11 47 0 47-31-13-32-21 2-44 2-44Z",fill:"#2f2e41"})),H||(H=L.createElement("path",{d:"M939.53 690.856s8 16 13 18 27.77 15.083 14.385 23.542-27.385.458-27.385.458l-46-25s6-25 15-27 31 10 31 10Z",fill:"#2f2e41"})),_||(_=L.createElement("circle",{cx:929.53,cy:120.856,r:36,fill:"#ffb8b8"})),N||(N=L.createElement("path",{d:"M959.53 123.856s7 46 14 52-15 27-25 26-21-23-21-23 3-29-2-37 34-18 34-18Z",fill:"#ffb8b8"})),k||(k=L.createElement("path",{d:"m951.53 182.856 16.985-15.678a64.292 64.292 0 0 0 20.015 16.678c13 7-25 79-25 79l-61-76s19.402-12.896 25.701-17.948Z",fill:"#3f3d56"})),C||(C=L.createElement("path",{d:"M961.53 243.856s26.8-46.719 23.9-61.86c0 0 39.1 9.86 41.1 22.86s-19 60-19 60 17 119 7 120-110 2-112-3 2-20-4-25-13-2-10-10 16-18 12-24-5-4-4-8-2-57-2-57-21-58-16-62 31.228-13.86 31.228-13.86Z",fill:"#3f3d56"})),O||(O=L.createElement("path",{d:"M1041.53 399.856s-3 40-20 38 3-45 3-45ZM892.53 398.856s6 24 13 22v-28l-3-5Z",fill:"#ffb8b8"})),V||(V=L.createElement("path",{d:"M958.892 126.035a6.222 6.222 0 0 0-1.027-2.895 4.694 4.694 0 0 0-2.188-1.386 9.833 9.833 0 0 0-11.717 5.02c-.923 2.014-1.367 4.608-3.392 5.505-2.354 1.042-4.966-1.177-5.89-3.58s-.95-5.126-2.183-7.387c-1.462-2.68-4.418-4.26-7.405-4.892-2.475-.525-5.504-.8-6.62-3.07a6.078 6.078 0 0 1-.452-2.745 28.964 28.964 0 0 1 1.787-9.791c-9.797-1.957-18.512 7.604-28.5 7.758a7.525 7.525 0 0 1-3.676-.72c-2.217-1.184-3.18-3.809-3.848-6.231q-1.064-3.86-1.751-7.81l3.2 1.467a12.55 12.55 0 0 1-1.426-5.512 13.192 13.192 0 0 1 4.918.415l.233-5.734c2.471 3.134 7.4 2.032 11.119.581 7.176-2.8 14.316-5.83 21.849-7.446s15.606-1.735 22.729 1.2c7.485 3.085 13.256 9.22 18.34 15.522 2.817 3.493 5.541 7.164 7.063 11.386a27.595 27.595 0 0 1-.06 17.6c-1.64 5.134-4.688 11.345-8.792 14.902-1.435-3.634-1.63-8.27-2.311-12.157Z",fill:"#2f2e41"})),j||(j=L.createElement("path",{d:"m890.53 192.856-13 3s-15 16-16 31-1 90-1 90l19 62s-2 14 0 14 3-3 3 1-5 0 0 4l10 8 16.713-22.158s1.287-8.842-1.713-10.842-3-3-2-6 3-4 2-6-4-5-4-7 0-4-1-5-8-25-8-25l4-78ZM1016.53 197.856l10 5s16 48 16 90 3 70 3 70 5 12 3 12-4 0-2 3 3 2 2 5-2-2-1 3 0 7-2 7-2 13-2 13l-24-9s4-5 3-7a9.965 9.965 0 0 1-1-4s5-1 0-3-3-2-2-8 4-5 1-6-21-94-21-94Z",fill:"#3f3d56"})),S||(S=L.createElement("circle",{cx:951.515,cy:183.178,r:3,fill:"#2f2e41"})),A||(A=L.createElement("circle",{cx:951.515,cy:193.178,r:3,fill:"#2f2e41"})))}},3261:(e,t,l)=>{l.r(t),l.d(t,{default:()=>b});var a=l(9960),c=l(2949),r=l(2263),n=l(7462),i=l(6010),h=l(7294);const m="features_t9lD",s="featureSvg_GfXr",d=[{title:"Easy to Use",Svg:l(4232).Z,description:h.createElement(h.Fragment,null,"Designed to be easily installed and used. Supports the React Native new architecture.")},{title:"Focus on What Matters",Svg:l(3100).Z,description:h.createElement(h.Fragment,null,"Lets you focus on the design, using familiar concepts from React Native. Leave the heavy lifting for interaction with the Android widget to the library.")},{title:"Expo Support",Svg:l(5991).Z,description:h.createElement(h.Fragment,null,"Support for expo using custom config plugin.")}];function f(e){let{Svg:t,title:l,description:a}=e;return h.createElement("div",{className:(0,i.Z)("col col--4")},h.createElement("div",{className:"text--center"},h.createElement(t,{className:s,role:"img"})),h.createElement("div",{className:"text--center padding-horiz--md"},h.createElement("h3",null,l),h.createElement("p",null,a)))}function o(){return h.createElement("section",{className:m},h.createElement("div",{className:"container"},h.createElement("div",{className:"row"},d.map(((e,t)=>h.createElement(f,(0,n.Z)({key:t},e)))))))}var p=l(7961);const E="headerWrapper_sCgD",v="container_bfhl",M="videoContainer_ViX2",Z="heroBanner_qdFl",u="buttons_AeoN";function g(){const{siteConfig:e}=(0,r.Z)(),{colorMode:t}=(0,c.I)();return h.createElement("header",{className:(0,i.Z)("hero","dark"===t?"hero--dark":"hero--primary",Z)},h.createElement("div",{className:E},h.createElement("div",{className:(0,i.Z)("container",v)},h.createElement("h1",{className:"hero__title"},e.title),h.createElement("p",{className:"hero__subtitle"},e.tagline),h.createElement("div",{className:u},h.createElement(a.Z,{className:"button button--secondary button--lg",to:"/docs"},"Check out the Tutorial"))),h.createElement("div",{className:M},h.createElement("video",{controls:!0,autoPlay:!0,muted:!0,loop:!0,height:540,width:243},h.createElement("source",{src:"/react-native-android-widget/video.mp4",type:"video/mp4"})))))}function b(){return h.createElement(p.Z,{description:"Build Android Widgets with React Native"},h.createElement(g,null),h.createElement("main",null,h.createElement(o,null)))}}}]); \ No newline at end of file +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3237],{5991:(e,t,a)=>{a.d(t,{Z:()=>Z});var l,c,r,i,n,h,s,d,f,m,o,p,v=a(7294);function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t {let{title:t,titleId:a,...Z}=e;return v.createElement("svg",M({"data-name":"Layer 1",width:1097.1,height:807.9,viewBox:"0 0 1097.1 807.9",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},Z),void 0===t?v.createElement("title",{id:a},"android"):t?v.createElement("title",{id:a},t):null,l||(l=v.createElement("path",{d:"M11.85 429.95c17.36 74.2 54.11 138.34 112.19 169.43 120.7 64.61 392.91 31.29 596.07-7a465.21 465.21 0 0 0 264.54-151.23ZM1077.2 80.71H965.73a9.635 9.635 0 1 1 0-19.27H985a9.635 9.635 0 0 1 0-19.27h-13.76a9.635 9.635 0 0 1 0-19.27h58.18c-12.91-6-28-10.27-45.38-12.51-158.64-20.38-215.28-6.9-235.26 7-24.65 17.1-52.15 29.68-81.54 35.74-97.88 20.19-280.93 44.49-446.84-7.78-82.46-26-143.75 17.92-180.48 91.28h1056.63c-1.38-21.32-5.51-41-13.09-58.24a9.58 9.58 0 0 1-6.26 2.32ZM2.39 275.1a491.06 491.06 0 0 0 4.32 129.45l978.68 35.79a460 460 0 0 0 68-103.7Zm387.08 92.35H370.2a9.635 9.635 0 1 1 0 19.27H258.73a9.635 9.635 0 1 1 0-19.27H278a9.635 9.635 0 0 1 0-19.27h-13.76a9.635 9.635 0 0 1 0-19.27h111.47a9.635 9.635 0 1 1 0 19.27h13.76a9.635 9.635 0 0 1 0 19.27ZM1096.6 137.29l-1068.49 26c-12.99 33.4-21.56 71.17-25.56 110.33h1075.33a456.46 456.46 0 0 0 15.53-70.33c3.2-23.02 4.48-45.27 3.19-66Zm-877.13 85.16H200.2a9.635 9.635 0 1 1 0 19.27H88.73a9.635 9.635 0 1 1 0-19.27H108a9.635 9.635 0 0 1 0-19.27H94.24a9.635 9.635 0 0 1 0-19.27h111.47a9.635 9.635 0 1 1 0 19.27h13.76a9.635 9.635 0 0 1 0 19.27Z",fill:"#0077b6",opacity:.1})),c||(c=v.createElement("g",{opacity:.1},v.createElement("path",{d:"M677.55 623.28s28.2-69.5 80.86-95.28a113.65 113.65 0 0 0 51.61-50.05 191.13 191.13 0 0 0 12.93-32.5",fill:"none",stroke:"#535461",strokeMiterlimit:10,strokeWidth:2}),v.createElement("path",{d:"M856.04 429c-5.49 6.9-33.9 17-33.9 17s3.42-30 8.91-36.85a16 16 0 0 1 25 19.88ZM846.29 483.66c-8.36 2.81-37.68-4.18-37.68-4.18s19.15-23.28 27.51-26.09a16 16 0 0 1 10.17 30.27ZM793.43 548.26c-8.63-1.79-30.42-22.63-30.42-22.63s28.28-10.43 36.92-8.64a16 16 0 0 1-6.5 31.26ZM742.43 588.14c-8.81-.31-33.81-17.16-33.81-17.16s26.12-15.03 34.93-14.75a16 16 0 1 1-1.12 31.91ZM781.31 459.95c1.13 8.75 20.22 32.07 20.22 32.07s12.57-27.4 11.45-36.15a16 16 0 0 0-31.67 4.08ZM722.25 507.34c3.69 8 28.89 24.55 28.89 24.55s3.8-29.91.11-37.91a16 16 0 1 0-29 13.37ZM671.17 561.28c2.28 8.52 24.33 29.08 24.33 29.08s8.8-28.83 6.51-37.35a16 16 0 0 0-30.84 8.27Z",fill:"#0077b6"}),v.createElement("path",{d:"M856.04 429c-5.49 6.9-33.9 17-33.9 17s3.42-30 8.91-36.85a16 16 0 0 1 25 19.88ZM846.29 483.66c-8.36 2.81-37.68-4.18-37.68-4.18s19.15-23.28 27.51-26.09a16 16 0 0 1 10.17 30.27ZM793.43 548.26c-8.63-1.79-30.42-22.63-30.42-22.63s28.28-10.43 36.92-8.64a16 16 0 0 1-6.5 31.26ZM742.43 588.14c-8.81-.31-33.81-17.16-33.81-17.16s26.12-15.03 34.93-14.75a16 16 0 1 1-1.12 31.91ZM781.31 459.95c1.13 8.75 20.22 32.07 20.22 32.07s12.57-27.4 11.45-36.15a16 16 0 0 0-31.67 4.08ZM722.25 507.34c3.69 8 28.89 24.55 28.89 24.55s3.8-29.91.11-37.91a16 16 0 1 0-29 13.37ZM671.17 561.28c2.28 8.52 24.33 29.08 24.33 29.08s8.8-28.83 6.51-37.35a16 16 0 0 0-30.84 8.27Z",opacity:.25}))),r||(r=v.createElement("g",{opacity:.1},v.createElement("path",{d:"M657.55 521.66s3.56-74.92 44.69-116.71a113.65 113.65 0 0 0 32-64.35 191.13 191.13 0 0 0 1.43-34.92",fill:"none",stroke:"#535461",strokeMiterlimit:10,strokeWidth:2}),v.createElement("path",{d:"M761.55 279.19c-2.89 8.33-26.35 27.26-26.35 27.26s-6.7-29.39-3.81-37.72a16 16 0 1 1 30.16 10.46ZM770.43 333.95c-7 5.42-36.94 8.56-36.94 8.56s10.35-28.32 17.3-33.74a16 16 0 1 1 19.64 25.18ZM741.98 412.47c-8.74 1.17-36.2-11.26-36.2-11.26s23.23-19.22 32-20.39a16 16 0 1 1 4.24 31.65ZM707.09 467c-8.42 2.63-37.59-5-37.59-5s19.64-22.87 28.06-25.5a16 16 0 0 1 9.53 30.48ZM701.26 333.17c4 7.88 29.72 23.55 29.72 23.55s2.77-30-1.19-37.9a16 16 0 0 0-28.53 14.35ZM661.26 397.47c6.14 6.33 35.4 13.58 35.4 13.58s-6.33-29.47-12.47-35.8a16 16 0 0 0-22.93 22.23ZM630.96 465.29c5 7.28 32.6 19.37 32.6 19.37s-1.26-30.12-6.24-37.4a16 16 0 0 0-26.35 18Z",fill:"#0077b6"}))),i||(i=v.createElement("path",{d:"M299.74 775.76c39.32 13.22 87.29 5.18 131.9 6.11 6.11.13 12.57.51 17.47 2.79s7.31 6 10.67 9.15c12.5 11.79 38.11 15.58 60.5 13.58s42.92-8.62 64-13.66c36.52-8.72 78.27-12.68 114.29-3.18 3.31.87 6.79 1.87 10.33 1.53 7.9-.78 10.25-7.1 15.77-10.71 10-6.52 31.63-4.75 36-13.34 2.57-5-3.34-10.2-9.77-13.64-24.62-13.16-59.84-15.33-92.06-13.3s-63.9 7.63-96.29 7.65c-40.35 0-79.34-8.59-119.3-12.11-27.68-2.44-57.89-2.14-83.84 5-28.05 7.82-34.25 25.26-59.67 34.13Z",fill:"#0077b6",opacity:.1})),n||(n=v.createElement("path",{fill:"#535461",d:"M365.51 184.9h7v99h-7zM365.51 317.9h7v56h-7z"})),h||(h=v.createElement("rect",{x:370.51,y:87.9,width:315,height:684,rx:47.1,ry:47.1,fill:"#535461"})),s||(s=v.createElement("rect",{x:370.51,y:119.9,width:315,height:623,rx:47.1,ry:47.1,fill:"#0077b6"})),d||(d=v.createElement("rect",{x:502.51,y:102.9,width:52,height:7,rx:3.5,ry:3.5,fill:"#eaeaf3"})),f||(f=v.createElement("circle",{cx:572.51,cy:106.9,r:5,fill:"#eaeaf3"})),m||(m=v.createElement("path",{d:"M446.31 396.1v73a17.27 17.27 0 0 1-17.33 17.46c-9.64 0-19-7.81-19-17.46v-73c0-9.52 9.33-17.33 19-17.33a17.4 17.4 0 0 1 17.33 17.33Zm6.81 98.94a18.61 18.61 0 0 0 18.65 18.65h12.54l.19 38.51c0 23.25 34.79 23.07 34.79 0v-38.5h23.44v38.51c0 23.13 35 23.19 35 0V513.7h12.73a18.59 18.59 0 0 0 18.53-18.65v-113.1H453.12Zm156.29-119.17h-157c0-27 16.13-50.42 40.08-62.64l-12-22.25c-1.76-3.09 2.71-5 4.22-2.39l12.23 22.44a85.14 85.14 0 0 1 68.25 0l12.16-22.37c1.58-2.71 6-.69 4.22 2.39l-12 22.18c23.71 12.22 39.84 35.67 39.84 62.64Zm-107.58-35a6.62 6.62 0 0 0-6.62-6.62 6.62 6.62 0 0 0 0 13.23 6.62 6.62 0 0 0 6.62-6.59Zm71.47 0a6.52 6.52 0 1 0-6.43 6.62 6.58 6.58 0 0 0 6.43-6.6Zm59.74 37.88a17.28 17.28 0 0 0-17.33 17.33v73a17.39 17.39 0 0 0 17.33 17.46c9.71 0 19-7.81 19-17.46v-73c-.03-9.68-9.36-17.31-19-17.31Z",fill:"#fff"})),o||(o=v.createElement("path",{fill:"#535461",d:"M454.01 569.46h65v3h-65zM543.01 569.46h43v3h-43zM397.01 569.46h43v3h-43zM611.01 569.46h43v3h-43z"})),p||(p=v.createElement("title",null,"Expo")),v.createElement("path",{d:"M645.585 467.806a11.36 11.36 0 0 0-4.433-3.698 11.474 11.474 0 0 0-11.18.8 11.32 11.32 0 0 0-3.847 4.292 10.075 10.075 0 0 0 1.959 11.364 16.701 16.701 0 0 0 11.144-3.148 16.437 16.437 0 0 0 6.352-9.61zm-33.828-43.853-7.246-3.938-31.534 17.396 2.514 1.35 4.782 2.488 8.656-4.767 22.833-12.609zm2.919-1.2a1.124 1.124 0 0 1 .8.75l10.564 30.895a1.024 1.024 0 0 1-.5 1.344 20.305 20.305 0 0 0-8.985 9.865 20.075 20.075 0 0 0-.875 13.268 21.404 21.404 0 0 0 8.77 11.654 21.75 21.75 0 0 0 14.263 3.398 1.344 1.344 0 0 1 1.31.8l10.914 31.709a1.28 1.28 0 0 1-.505 1.389l-33.542 19.44a1.264 1.264 0 0 1-.505.1 1.35 1.35 0 0 1-.905-.15l-11.769-7.321a1.17 1.17 0 0 1-.5-.5l-22.988-52.388-35.007 19.74a1.634 1.634 0 0 1-1.36.05l-7.955-4.488a1.15 1.15 0 0 1-.5-1.494l34.008-63.967a1.214 1.214 0 0 1 .55-.495l33.907-18.746a1.294 1.294 0 0 1 1.205 0l9.61 5.148zm-42.049 17.187-1.649-.845-32.783 61.869 5.982 3.338 28.27-36.656a1.374 1.374 0 0 1 1.155-.5 1.41 1.41 0 0 1 1.004.745l30.784 70.294 8.226 5.032-33.043-95.75-1.404-3.989-6.587-3.588.05.05zm50.7 36.891a12.544 12.544 0 0 1 .599-8.31 12.694 12.694 0 0 1 5.687-6.147 13.983 13.983 0 0 1 16.297 1.998 12.559 12.559 0 0 1 .365 17.831l-.365.365a13.843 13.843 0 0 1-18.93.05 13.588 13.588 0 0 1-3.654-5.787z",style:{strokeWidth:4.99743}}))}},3100:(e,t,a)=>{a.d(t,{Z:()=>_});var l,c,r,i,n,h,s,d,f,m,o,p,v,M,Z,E,u,g,x,b,y,j,z,w=a(7294);function H(){return H=Object.assign?Object.assign.bind():function(e){for(var t=1;t {let{title:t,titleId:a,..._}=e;return w.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:606.784,height:466.947,viewBox:"0 0 606.784 466.947","aria-labelledby":a},_),t?w.createElement("title",{id:a},t):null,l||(l=w.createElement("path",{d:"M243.114 465.757c0 .66.53 1.19 1.19 1.19h361.29c.66 0 1.19-.53 1.19-1.19 0-.66-.53-1.19-1.19-1.19h-361.29c-.66 0-1.19.53-1.19 1.19Z",fill:"#ccc"})),c||(c=w.createElement("path",{d:"m478.731 208.216-12.811-88.46 11.303-1.225c11.816-1.277 22.814 5.659 26.749 16.872 7.114 9.12 11.273 19.824 11.459 32.658 4.6 13.11-2.28 27.638-15.337 32.386l-21.363 7.769Z",fill:"#3f3d56"})),r||(r=w.createElement("path",{fill:"#a0616a",d:"m480.185 444.738-8.607.203-4.798-38.67 12.702-.301.703 38.768z"})),i||(i=w.createElement("path",{d:"M450.654 462.696c0 1.454 1.032 2.632 2.305 2.632h17.085s1.681-6.758 8.536-9.667l.474 9.667h8.813l-1.068-15.544s2.358-8.316-2.538-12.567c-4.897-4.251-.93-3.66-.93-3.66l-1.927-9.62-13.319 1.566-.097 15.103-6.464 14.99-9.48 4.683c-.844.417-1.39 1.366-1.39 2.417Z",fill:"#2f2e41"})),n||(n=w.createElement("path",{fill:"#a0616a",d:"m448.738 444.445-8.608.203-4.798-38.67 12.703-.301.703 38.768z"})),h||(h=w.createElement("path",{d:"M419.206 462.403c0 1.454 1.032 2.632 2.305 2.632h17.085s1.682-6.758 8.537-9.667l.473 9.667h8.814l-1.068-15.544s2.357-8.316-2.54-12.567c-4.896-4.251-.93-3.66-.93-3.66l-1.926-9.62-13.318 1.566-.098 15.103-6.463 14.99-9.48 4.683c-.844.417-1.39 1.366-1.39 2.417ZM473.52 114.477l-30.999 5.39c-2.135-5.465-12.473-20.548-13.358-25.9-2.302-13.913 8.07-26.74 22.134-27.79 13.488-1.006 21.705 1.52 22.853 14.368.403 4.503 6.267 8.566 7.448 12.93 6.516 24.077-6.52 15.87-8.078 21.002ZM426.979 215.32l-2.022 30.998 8.68 172.717 16-3 10.797-140.74 3.945 143.199 18.869.674L496.508 251a57.051 57.051 0 0 0-9.554-36.354l-59.975.674Z",fill:"#2f2e41"})),s||(s=w.createElement("path",{d:"M466.064 115.586h-24.732l-5.593 8.76-19.542 8.087 10.782 76.822-2.696 33.02c15.236 5.17 50.593 13.171 76.166-7.947l-22.93-41.246 5.392-57.953-10.445-9.503-6.402-10.04Z",fill:"#0077b6"})),d||(d=w.createElement("circle",{cx:452.381,cy:92.544,r:18.686,fill:"#a0616a"})),f||(f=w.createElement("path",{d:"M498.509 260.2c-.402-2.029-.312-3.98.163-5.581l-5.046-19.081 9.15-2.136 4.134 19.586c1.05 1.3 1.876 3.069 2.277 5.097.918 4.634-.729 8.864-3.678 9.448-2.948.584-6.083-2.7-7-7.333Z",fill:"#a0616a"})),m||(m=w.createElement("path",{d:"M470.444 130.749s11.456-4.718 16.847 4.043c5.391 8.76 19.542 111.863 19.542 111.863l-11.792 1.685-23.25-83.224-1.347-34.367Z",fill:"#0077b6"})),o||(o=w.createElement("path",{fill:"#3f3d56",d:"m478.638 190.035-9.566-67.072 8.148 6.517 1.418 60.555z"})),p||(p=w.createElement("path",{d:"M473.605 147.413c-1.53 1.574-3.29 2.672-4.975 3.222L455 166.55l-7.383-6.707 14.621-15.42c.503-1.702 1.551-3.49 3.081-5.064 3.496-3.596 8.185-4.707 10.473-2.483 2.288 2.225 1.308 6.943-2.187 10.538Z",fill:"#a0616a"})),v||(v=w.createElement("path",{d:"M428.687 127.805s-12.872 1.473-13.85 6.833 5.992 55.135 5.992 55.135l9.682 10.262 37.828-45.062-11.377-7.146-17.486 13.74-10.789-33.762Z",fill:"#0077b6"})),M||(M=w.createElement("path",{d:"M450.09 69.152c-7.6 1.337-14.965 5.452-18.908 12.086-3.944 6.634-11.169 15.877-5.93 21.545 1.81 1.959 4.116 3.442 5.745 5.554 2.771 3.595 3.172 8.646 1.79 12.97s-4.346 7.989-7.737 11.006c7.258-.748 13.882-5.905 16.388-12.757 1.16-3.17 1.396-6.974-.589-9.706-1.043-1.436-2.58-2.418-3.907-3.6-3.42-3.046-1.223-7.648-1.203-12.228s.597-7.766 4.044-10.782c2.373 1.897 10.243 1.44 13.242.953 3-.487 11.387 11.032 13.039 8.482 3.234 4.156 1.021-4.41.414.822-.434 3.743-2.892 6.97-3.633 10.665-.644 3.215.06 6.56 1.193 9.637 2.554 6.94 7.344 13.038 13.482 17.165-3.544-5.012-7.239-10.49-7.122-16.627.086-4.552 9.785-21.947 11.143-26.293 2.6-8.315-4.553-9.53-10.086-16.26-4.86-5.91-14.252-4.083-21.7-2.334",fill:"#2f2e41"})),Z||(Z=w.createElement("path",{d:"M304.98 0H19.02C8.53 0 0 8.53 0 19.02v294.96C0 324.47 8.53 333 19.02 333h285.96c10.49 0 19.02-8.53 19.02-19.02V19.02C324 8.53 315.47 0 304.98 0ZM322 313.98c0 9.39-7.63 17.02-17.02 17.02H19.02C9.63 331 2 323.37 2 313.98V19.02C2 9.63 9.63 2 19.02 2h285.96C314.37 2 322 9.63 322 19.02v294.96Z",fill:"#3f3d56"})),E||(E=w.createElement("path",{d:"M129.03 19.35h-28.06a2.565 2.565 0 0 0 0 5.13h28.06a2.565 2.565 0 0 0 0-5.13ZM176.03 19.35h-28.06a2.565 2.565 0 0 0 0 5.13h28.06a2.565 2.565 0 0 0 0-5.13Z",fill:"#e6e6e6"})),u||(u=w.createElement("path",{d:"M223.03 19.35h-28.06a2.565 2.565 0 0 0 0 5.13h28.06a2.565 2.565 0 0 0 0-5.13Z",fill:"#3f3d56"})),g||(g=w.createElement("path",{d:"M85.498 87.412h-35.2c-4.36 0-7.9 3.54-7.9 7.9v20.2c0 4.36 3.54 7.9 7.9 7.9h35.2c4.36 0 7.9-3.54 7.9-7.9v-20.2c0-4.36-3.54-7.9-7.9-7.9Z",fill:"#0077b6"})),x||(x=w.createElement("path",{d:"M122.738 140.888h-35.2c-4.36 0-7.9 3.54-7.9 7.9v20.2c0 4.36 3.54 7.9 7.9 7.9h35.2c4.36 0 7.9-3.54 7.9-7.9v-20.2c0-4.36-3.54-7.9-7.9-7.9Z",fill:"#e6e6e6"})),b||(b=w.createElement("path",{d:"M129.434 122.27c-.665 0-1.204-.539-1.204-1.204V89.758a1.204 1.204 0 1 1 2.408 0v31.308c0 .665-.54 1.204-1.204 1.204Zm-6.021-16.858c0 .665-.54 1.204-1.204 1.204h-13.951l5.17 5.168a1.206 1.206 0 1 1-1.705 1.706l-7.225-7.225a1.204 1.204 0 0 1-.002-1.703l.002-.002 7.225-7.225a1.206 1.206 0 1 1 1.705 1.705l-5.17 5.168h13.95c.666 0 1.205.54 1.205 1.204ZM49.623 158.888c0 .665.54 1.204 1.204 1.204h13.951l-5.17 5.168a1.206 1.206 0 1 0 1.705 1.705l7.225-7.224c.47-.47.471-1.232.002-1.703l-.002-.002-7.225-7.225a1.206 1.206 0 1 0-1.705 1.705l5.17 5.168h-13.95c-.666 0-1.205.54-1.205 1.204Zm-6.02 16.858c-.666 0-1.205-.539-1.205-1.204v-31.308a1.204 1.204 0 1 1 2.408 0v31.308c0 .665-.539 1.204-1.204 1.204Z",fill:"#3f3d56"})),y||(y=w.createElement("path",{d:"M231.738 115.035h-35.2c-4.36 0-7.9 3.54-7.9 7.9v20.2c0 4.36 3.54 7.9 7.9 7.9h35.2c4.36 0 7.9-3.54 7.9-7.9v-20.2c0-4.36-3.54-7.9-7.9-7.9ZM231.738 239.035h-35.2c-4.36 0-7.9 3.54-7.9 7.9v20.2c0 4.36 3.54 7.9 7.9 7.9h35.2c4.36 0 7.9-3.54 7.9-7.9v-20.2c0-4.36-3.54-7.9-7.9-7.9Z",fill:"#e6e6e6"})),j||(j=w.createElement("path",{d:"M197.28 204.604c0-.665.539-1.204 1.204-1.204h31.308a1.204 1.204 0 1 1 0 2.408h-31.308c-.665 0-1.204-.54-1.204-1.204Zm16.858 6.02c.665 0 1.204.54 1.204 1.205v13.95l5.168-5.17a1.206 1.206 0 1 1 1.705 1.705l-7.225 7.225c-.47.471-1.232.472-1.703.002l-.002-.002-7.225-7.225a1.206 1.206 0 1 1 1.705-1.705l5.169 5.17v-13.95c0-.665.539-1.204 1.204-1.204ZM214.138 180.81c.665 0 1.204-.539 1.204-1.204v-13.95l5.168 5.17a1.206 1.206 0 1 0 1.705-1.705l-7.225-7.225a1.204 1.204 0 0 0-1.703-.002l-.002.002-7.225 7.225a1.206 1.206 0 1 0 1.705 1.705l5.169-5.17v13.95c0 .665.539 1.205 1.204 1.205Zm-16.858 6.021c0-.665.539-1.204 1.204-1.204h31.308a1.204 1.204 0 1 1 0 2.408h-31.308c-.665 0-1.204-.539-1.204-1.204Z",fill:"#3f3d56"})),z||(z=w.createElement("circle",{cx:208.638,cy:22.035,r:9,fill:"#0077b6"})))}},4232:(e,t,a)=>{a.d(t,{Z:()=>L});var l,c,r,i,n,h,s,d,f,m,o,p,v,M,Z,E,u,g,x,b,y,j,z,w,H,_,N,k,C,O,S,V,A,W=a(7294);function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t {let{title:t,titleId:a,...L}=e;return W.createElement("svg",B({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:1075.03,height:766.356,viewBox:"0 0 1075.03 766.356","aria-labelledby":a},L),void 0===t?W.createElement("title",{id:a},"mobile_prototyping"):t?W.createElement("title",{id:a},t):null,l||(l=W.createElement("ellipse",{cx:952.03,cy:736.356,rx:123,ry:30,fill:"#3f3d56"})),c||(c=W.createElement("path",{d:"M521.336 102.897v397.01a17.839 17.839 0 0 1-17.838 17.83H342.32a17.808 17.808 0 0 1-17.839-17.83v-397.01a17.838 17.838 0 0 1 17.839-17.839h24.123v3.095a14.688 14.688 0 0 0 14.689 14.689h81.97a14.688 14.688 0 0 0 14.689-14.689v-3.095h25.706a17.833 17.833 0 0 1 17.84 17.839Z",fill:"#0077b6"})),r||(r=W.createElement("path",{fill:"#3f3d56",d:"M331.562 151.412H514.28v88.996H331.562z"})),i||(i=W.createElement("path",{d:"M405.128 212.52c4.783 17.682 21.166 28.632 21.166 28.632s8.629-17.716 3.845-35.397-21.166-28.632-21.166-28.632-8.628 17.717-3.845 35.398Z",fill:"#fff"})),n||(n=W.createElement("path",{d:"M412.157 208.721c13.124 12.777 14.727 32.417 14.727 32.417s-19.676-1.074-32.8-13.85-14.729-32.418-14.729-32.418 19.677 1.075 32.802 13.851Z",fill:"#0077b6"})),h||(h=W.createElement("path",{d:"M448.64 212.52c-4.782 17.682-21.165 28.632-21.165 28.632s-8.629-17.716-3.846-35.397 21.167-28.632 21.167-28.632 8.628 17.717 3.845 35.398Z",fill:"#fff"})),s||(s=W.createElement("path",{d:"M441.612 208.721c-13.124 12.777-14.728 32.417-14.728 32.417s19.677-1.074 32.802-13.85 14.728-32.418 14.728-32.418-19.677 1.075-32.802 13.851Z",fill:"#0077b6"})),d||(d=W.createElement("path",{fill:"#f0f0f0",d:"M347.904 290.246h150.033v8.236H347.904zM347.904 303.514h150.033v8.236H347.904zM347.904 316.783h150.033v8.236H347.904zM347.904 330.052h150.033v8.236H347.904zM418.065 377.318l33.395 23.707-23.707 33.394-33.395-23.707z"})),f||(f=W.createElement("path",{d:"M427.451 443.03a9.45 9.45 0 1 1 9.451-9.452 9.462 9.462 0 0 1-9.45 9.451Zm0-17.328a7.876 7.876 0 1 0 7.876 7.876 7.885 7.885 0 0 0-7.876-7.876Z",fill:"#3f3d56"})),m||(m=W.createElement("path",{d:"M196.855 17.839v397.009a17.839 17.839 0 0 1-17.839 17.83H17.84A17.808 17.808 0 0 1 0 414.849V17.838A17.838 17.838 0 0 1 17.839 0h24.123v3.095A14.688 14.688 0 0 0 56.65 17.784h81.971A14.688 14.688 0 0 0 153.31 3.095V0h25.706a17.833 17.833 0 0 1 17.839 17.839Z",fill:"#f2f2f2"})),o||(o=W.createElement("path",{d:"M176.41 216.781H18.893V75.805h157.515Zm-155.94-1.575h154.364V77.38H20.469Z",fill:"#3f3d56"})),p||(p=W.createElement("path",{fill:"#3f3d56",d:"m19.156 77.18 1.05-1.175 155.94 139.401-1.05 1.174z"})),v||(v=W.createElement("path",{fill:"#3f3d56",d:"M19.155 215.405 175.098 76.006l1.05 1.175L20.204 216.579zM19.682 257.735h155.94v1.575H19.682zM19.682 271.911h155.94v1.575H19.682zM19.682 286.088h155.94v1.575H19.682zM19.682 300.264h77.97v1.575h-77.97zM19.682 314.44h77.97v1.575h-77.97z"})),M||(M=W.createElement("path",{d:"M845.03 17.839v397.009a17.839 17.839 0 0 1-17.839 17.83H666.014a17.808 17.808 0 0 1-17.839-17.83V17.838A17.838 17.838 0 0 1 666.014 0h24.123v3.095a14.688 14.688 0 0 0 14.689 14.689h81.97a14.688 14.688 0 0 0 14.689-14.689V0h25.706a17.833 17.833 0 0 1 17.839 17.839Z",fill:"#f2f2f2"})),Z||(Z=W.createElement("path",{fill:"#3f3d56",d:"M669.432 203.392h155.94v1.575h-155.94zM669.432 244.346h155.94v1.575h-155.94zM669.432 285.3h155.94v1.575h-155.94z"})),E||(E=W.createElement("circle",{cx:743.242,cy:117.997,r:25.602,fill:"#0077b6"})),u||(u=W.createElement("path",{fill:"#0077b6",d:"M785.993 196.304h11.026v25.202h-11.026zM689.121 236.47h11.026v25.202h-11.026zM753.703 276.637h11.026v25.202h-11.026z"})),g||(g=W.createElement("path",{d:"M746.603 146.687a31.503 31.503 0 1 1 31.503-31.503 31.539 31.539 0 0 1-31.503 31.503Zm0-61.431a29.928 29.928 0 1 0 29.928 29.928 29.962 29.962 0 0 0-29.928-29.928ZM216.592 209.542l1.542-1.273 63.197 76.538-1.542 1.274z",fill:"#3f3d56"})),x||(x=W.createElement("path",{d:"M288.245 294.751c-5.241-3.038-12.5-6.182-18.219-7.126l9.525-3.403 5.143-8.708c-.156 5.793 1.558 13.517 3.551 19.237ZM562.943 284.814l63.18-76.552 1.543 1.273-63.18 76.553z",fill:"#3f3d56"})),b||(b=W.createElement("path",{d:"M556.021 294.751c1.991-5.721 3.705-13.445 3.55-19.238l5.144 8.709 9.523 3.402c-5.718.943-12.977 4.088-18.217 7.127Z",fill:"#3f3d56"})),y||(y=W.createElement("path",{d:"M1016.53 377.856s0 146-23 199l-53 119s-34-2-36-16l40-124 24-73 6-114Z",fill:"#2f2e41"})),j||(j=W.createElement("path",{d:"m983.53 381.856-9 61 6 134 3 74s12 33 8 36l-8 6s-32-4-33-6-20-153-20-153-39-122-37-124 11-32 11-32Z",fill:"#2f2e41"})),z||(z=W.createElement("path",{d:"m990.53 682.856 4 23s11 47 0 47-31-13-32-21 2-44 2-44Z",fill:"#2f2e41"})),w||(w=W.createElement("path",{d:"M939.53 690.856s8 16 13 18 27.77 15.083 14.385 23.542-27.385.458-27.385.458l-46-25s6-25 15-27 31 10 31 10Z",fill:"#2f2e41"})),H||(H=W.createElement("circle",{cx:929.53,cy:120.856,r:36,fill:"#ffb8b8"})),_||(_=W.createElement("path",{d:"M959.53 123.856s7 46 14 52-15 27-25 26-21-23-21-23 3-29-2-37 34-18 34-18Z",fill:"#ffb8b8"})),N||(N=W.createElement("path",{d:"m951.53 182.856 16.985-15.678a64.292 64.292 0 0 0 20.015 16.678c13 7-25 79-25 79l-61-76s19.402-12.896 25.701-17.948Z",fill:"#3f3d56"})),k||(k=W.createElement("path",{d:"M961.53 243.856s26.8-46.719 23.9-61.86c0 0 39.1 9.86 41.1 22.86s-19 60-19 60 17 119 7 120-110 2-112-3 2-20-4-25-13-2-10-10 16-18 12-24-5-4-4-8-2-57-2-57-21-58-16-62 31.228-13.86 31.228-13.86Z",fill:"#3f3d56"})),C||(C=W.createElement("path",{d:"M1041.53 399.856s-3 40-20 38 3-45 3-45ZM892.53 398.856s6 24 13 22v-28l-3-5Z",fill:"#ffb8b8"})),O||(O=W.createElement("path",{d:"M958.892 126.035a6.222 6.222 0 0 0-1.027-2.895 4.694 4.694 0 0 0-2.188-1.386 9.833 9.833 0 0 0-11.717 5.02c-.923 2.014-1.367 4.608-3.392 5.505-2.354 1.042-4.966-1.177-5.89-3.58s-.95-5.126-2.183-7.387c-1.462-2.68-4.418-4.26-7.405-4.892-2.475-.525-5.504-.8-6.62-3.07a6.078 6.078 0 0 1-.452-2.745 28.964 28.964 0 0 1 1.787-9.791c-9.797-1.957-18.512 7.604-28.5 7.758a7.525 7.525 0 0 1-3.676-.72c-2.217-1.184-3.18-3.809-3.848-6.231q-1.064-3.86-1.751-7.81l3.2 1.467a12.55 12.55 0 0 1-1.426-5.512 13.192 13.192 0 0 1 4.918.415l.233-5.734c2.471 3.134 7.4 2.032 11.119.581 7.176-2.8 14.316-5.83 21.849-7.446s15.606-1.735 22.729 1.2c7.485 3.085 13.256 9.22 18.34 15.522 2.817 3.493 5.541 7.164 7.063 11.386a27.595 27.595 0 0 1-.06 17.6c-1.64 5.134-4.688 11.345-8.792 14.902-1.435-3.634-1.63-8.27-2.311-12.157Z",fill:"#2f2e41"})),S||(S=W.createElement("path",{d:"m890.53 192.856-13 3s-15 16-16 31-1 90-1 90l19 62s-2 14 0 14 3-3 3 1-5 0 0 4l10 8 16.713-22.158s1.287-8.842-1.713-10.842-3-3-2-6 3-4 2-6-4-5-4-7 0-4-1-5-8-25-8-25l4-78ZM1016.53 197.856l10 5s16 48 16 90 3 70 3 70 5 12 3 12-4 0-2 3 3 2 2 5-2-2-1 3 0 7-2 7-2 13-2 13l-24-9s4-5 3-7a9.965 9.965 0 0 1-1-4s5-1 0-3-3-2-2-8 4-5 1-6-21-94-21-94Z",fill:"#3f3d56"})),V||(V=W.createElement("circle",{cx:951.515,cy:183.178,r:3,fill:"#2f2e41"})),A||(A=W.createElement("circle",{cx:951.515,cy:193.178,r:3,fill:"#2f2e41"})))}},8391:(e,t,a)=>{a.r(t),a.d(t,{default:()=>p});var l=a(3692),c=a(2949),r=a(2263);a(7294);const i={features:"features_t9lD",featureSvg:"featureSvg_GfXr"};var n=a(5893);const h=[{title:"Easy to Use",Svg:a(4232).Z,description:(0,n.jsx)(n.Fragment,{children:"Designed to be easily installed and used. Supports the React Native new architecture."})},{title:"Focus on What Matters",Svg:a(3100).Z,description:(0,n.jsx)(n.Fragment,{children:"Lets you focus on the design, using familiar concepts from React Native. Leave the heavy lifting for interaction with the Android widget to the library."})},{title:"Expo Support",Svg:a(5991).Z,description:(0,n.jsx)(n.Fragment,{children:"Support for expo using custom config plugin."})}];function s(e){let{Svg:t,title:a,description:l}=e;return(0,n.jsxs)("div",{className:"col col--4",children:[(0,n.jsx)("div",{className:"text--center",children:(0,n.jsx)(t,{className:i.featureSvg,role:"img"})}),(0,n.jsxs)("div",{className:"text--center padding-horiz--md",children:[(0,n.jsx)("h3",{children:a}),(0,n.jsx)("p",{children:l})]})]})}function d(){return(0,n.jsx)("section",{className:i.features,children:(0,n.jsx)("div",{className:"container",children:(0,n.jsx)("div",{className:"row",children:h.map(((e,t)=>(0,n.jsx)(s,{...e},t)))})})})}var f=a(6040);const m={headerWrapper:"headerWrapper_sCgD",container:"container_bfhl",videoContainer:"videoContainer_ViX2",heroBanner:"heroBanner_qdFl",buttons:"buttons_AeoN"};function o(){const{siteConfig:e}=(0,r.Z)(),{colorMode:t}=(0,c.I)();return(0,n.jsx)("header",{className:`hero ${"dark"===t?"hero--dark":"hero--primary"} ${m.heroBanner}`,children:(0,n.jsxs)("div",{className:m.headerWrapper,children:[(0,n.jsxs)("div",{className:`container ${m.container}`,children:[(0,n.jsx)("h1",{className:"hero__title",children:e.title}),(0,n.jsx)("p",{className:"hero__subtitle",children:e.tagline}),(0,n.jsx)("div",{className:m.buttons,children:(0,n.jsx)(l.Z,{className:"button button--secondary button--lg",to:"/docs",children:"Check out the Tutorial"})})]}),(0,n.jsx)("div",{className:m.videoContainer,children:(0,n.jsx)("video",{controls:!0,autoPlay:!0,muted:!0,loop:!0,height:540,width:243,children:(0,n.jsx)("source",{src:"/react-native-android-widget/video.mp4",type:"video/mp4"})})})]})})}function p(){return(0,n.jsxs)(f.Z,{description:"Build Android Widgets with React Native",children:[(0,n.jsx)(o,{}),(0,n.jsx)("main",{children:(0,n.jsx)(d,{})})]})}}}]); \ No newline at end of file diff --git a/assets/js/24767a4f.74b80371.js b/assets/js/24767a4f.74b80371.js new file mode 100644 index 0000000..9122fe6 --- /dev/null +++ b/assets/js/24767a4f.74b80371.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1400],{2839:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>s,toc:()=>o});var t=n(5893),d=n(1151);const r={id:"WidgetTaskHandlerProps",title:"Interface: WidgetTaskHandlerProps",sidebar_label:"WidgetTaskHandlerProps",sidebar_position:0,custom_edit_url:null},c=void 0,s={id:"public-api/interfaces/WidgetTaskHandlerProps",title:"Interface: WidgetTaskHandlerProps",description:"Properties",source:"@site/docs/public-api/interfaces/WidgetTaskHandlerProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WidgetTaskHandlerProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WidgetTaskHandlerProps",title:"Interface: WidgetTaskHandlerProps",sidebar_label:"WidgetTaskHandlerProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"WidgetPreviewProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps"},next:{title:"WithAndroidWidgetsParams",permalink:"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams"}},l={},o=[{value:"Properties",id:"properties",level:2},{value:"widgetInfo",id:"widgetinfo",level:3},{value:"widgetAction",id:"widgetaction",level:3},{value:"renderWidget",id:"renderwidget",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"clickAction",id:"clickaction",level:3},{value:"clickActionData",id:"clickactiondata",level:3}];function a(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",h5:"h5",hr:"hr",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,d.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,t.jsx)(i.h3,{id:"widgetinfo",children:"widgetInfo"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"widgetInfo"}),": ",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",children:(0,t.jsx)(i.code,{children:"WidgetInfo"})})]}),"\n",(0,t.jsx)(i.p,{children:"Information about the widget being handled."}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"widgetaction",children:"widgetAction"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"widgetAction"}),": ",(0,t.jsx)(i.code,{children:'"WIDGET_ADDED"'})," | ",(0,t.jsx)(i.code,{children:'"WIDGET_UPDATE"'})," | ",(0,t.jsx)(i.code,{children:'"WIDGET_RESIZED"'})," | ",(0,t.jsx)(i.code,{children:'"WIDGET_DELETED"'})," | ",(0,t.jsx)(i.code,{children:'"WIDGET_CLICK"'})]}),"\n",(0,t.jsx)(i.p,{children:"What kind of action is being handled"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"renderwidget",children:"renderWidget"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"renderWidget"}),": (",(0,t.jsx)(i.code,{children:"widgetComponent"}),": ",(0,t.jsx)(i.code,{children:"Element"}),") => ",(0,t.jsx)(i.code,{children:"void"})]}),"\n",(0,t.jsx)(i.p,{children:"Function that needs to be called with the Widget JSX to render"}),"\n",(0,t.jsx)(i.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,t.jsxs)(i.p,{children:["\u25b8 (",(0,t.jsx)(i.code,{children:"widgetComponent"}),"): ",(0,t.jsx)(i.code,{children:"void"})]}),"\n",(0,t.jsx)(i.p,{children:"Function that needs to be called with the Widget JSX to render"}),"\n",(0,t.jsx)(i.h5,{id:"parameters",children:"Parameters"}),"\n",(0,t.jsxs)(i.table,{children:[(0,t.jsx)(i.thead,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,t.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,t.jsx)(i.tbody,{children:(0,t.jsxs)(i.tr,{children:[(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"widgetComponent"})}),(0,t.jsx)(i.td,{style:{textAlign:"left"},children:(0,t.jsx)(i.code,{children:"Element"})})]})})]}),"\n",(0,t.jsx)(i.h5,{id:"returns",children:"Returns"}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.code,{children:"void"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"clickaction",children:"clickAction"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"clickAction"}),": ",(0,t.jsx)(i.code,{children:"string"})]}),"\n",(0,t.jsx)(i.p,{children:"Click action if widgetAction was WIDGET_CLICK"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"clickactiondata",children:"clickActionData"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"clickActionData"}),": ",(0,t.jsx)(i.code,{children:"Record"}),"<",(0,t.jsx)(i.code,{children:"string"}),", ",(0,t.jsx)(i.code,{children:"unknown"}),">"]}),"\n",(0,t.jsxs)(i.p,{children:["Additional click action data if widgetAction was ",(0,t.jsx)(i.code,{children:"WIDGET_CLICK"})]})]})}function h(e={}){const{wrapper:i}={...(0,d.a)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>s,a:()=>c});var t=n(7294);const d={},r=t.createContext(d);function c(e){const i=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function s(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:c(e.components),t.createElement(r.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/24767a4f.b7c28857.js b/assets/js/24767a4f.b7c28857.js deleted file mode 100644 index d2da956..0000000 --- a/assets/js/24767a4f.b7c28857.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1400],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>k});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t =0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var d=r.createContext({}),p=function(e){var t=r.useContext(d),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=p(e.components);return r.createElement(d.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,a=e.originalType,d=e.parentName,c=o(e,["components","mdxType","originalType","parentName"]),u=p(n),k=i,m=u["".concat(d,".").concat(k)]||u[k]||s[k]||a;return n?r.createElement(m,l(l({ref:t},c),{},{components:n})):r.createElement(m,l({ref:t},c))}));function k(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=n.length,l=new Array(a);l[0]=u;var o={};for(var d in t)hasOwnProperty.call(t,d)&&(o[d]=t[d]);o.originalType=e,o.mdxType="string"==typeof e?e:i,l[1]=o;for(var p=2;p{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>s,frontMatter:()=>a,metadata:()=>o,toc:()=>p});var r=n(7462),i=(n(7294),n(3905));const a={id:"WidgetTaskHandlerProps",title:"Interface: WidgetTaskHandlerProps",sidebar_label:"WidgetTaskHandlerProps",sidebar_position:0,custom_edit_url:null},l=void 0,o={unversionedId:"public-api/interfaces/WidgetTaskHandlerProps",id:"public-api/interfaces/WidgetTaskHandlerProps",title:"Interface: WidgetTaskHandlerProps",description:"Properties",source:"@site/docs/public-api/interfaces/WidgetTaskHandlerProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WidgetTaskHandlerProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WidgetTaskHandlerProps",title:"Interface: WidgetTaskHandlerProps",sidebar_label:"WidgetTaskHandlerProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"WidgetPreviewProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps"},next:{title:"WithAndroidWidgetsParams",permalink:"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams"}},d={},p=[{value:"Properties",id:"properties",level:2},{value:"widgetInfo",id:"widgetinfo",level:3},{value:"widgetAction",id:"widgetaction",level:3},{value:"renderWidget",id:"renderwidget",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"clickAction",id:"clickaction",level:3},{value:"clickActionData",id:"clickactiondata",level:3}],c={toc:p};function s(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"widgetinfo"},"widgetInfo"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"widgetInfo"),": ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},(0,i.kt)("inlineCode",{parentName:"a"},"WidgetInfo"))),(0,i.kt)("p",null,"Information about the widget being handled."),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"widgetaction"},"widgetAction"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"widgetAction"),": ",(0,i.kt)("inlineCode",{parentName:"p"},'"WIDGET_ADDED"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"WIDGET_UPDATE"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"WIDGET_RESIZED"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"WIDGET_DELETED"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"WIDGET_CLICK"')),(0,i.kt)("p",null,"What kind of action is being handled"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"renderwidget"},"renderWidget"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"renderWidget"),": (",(0,i.kt)("inlineCode",{parentName:"p"},"widgetComponent"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"Element"),") => ",(0,i.kt)("inlineCode",{parentName:"p"},"void")),(0,i.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,i.kt)("p",null,"\u25b8 (",(0,i.kt)("inlineCode",{parentName:"p"},"widgetComponent"),"): ",(0,i.kt)("inlineCode",{parentName:"p"},"void")),(0,i.kt)("p",null,"Function that needs to be called with the Widget JSX to render"),(0,i.kt)("h5",{id:"parameters"},"Parameters"),(0,i.kt)("table",null,(0,i.kt)("thead",{parentName:"table"},(0,i.kt)("tr",{parentName:"thead"},(0,i.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,i.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,i.kt)("tbody",{parentName:"table"},(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"widgetComponent")),(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"Element"))))),(0,i.kt)("h5",{id:"returns"},"Returns"),(0,i.kt)("p",null,(0,i.kt)("inlineCode",{parentName:"p"},"void")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"clickaction"},"clickAction"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"clickAction"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"string")),(0,i.kt)("p",null,"Click action if widgetAction was WIDGET_CLICK"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"clickactiondata"},"clickActionData"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"clickActionData"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"Record"),"<",(0,i.kt)("inlineCode",{parentName:"p"},"string"),", ",(0,i.kt)("inlineCode",{parentName:"p"},"unknown"),">"),(0,i.kt)("p",null,"Additional click action data if widgetAction was ",(0,i.kt)("inlineCode",{parentName:"p"},"WIDGET_CLICK")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/281947f5.046e7e9b.js b/assets/js/281947f5.046e7e9b.js new file mode 100644 index 0000000..7105d02 --- /dev/null +++ b/assets/js/281947f5.046e7e9b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6831],{8062:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>s,contentTitle:()=>l,default:()=>h,frontMatter:()=>t,metadata:()=>d,toc:()=>o});var c=n(5893),r=n(1151);const t={id:"OverlapWidgetProps",title:"Interface: OverlapWidgetProps",sidebar_label:"OverlapWidgetProps",sidebar_position:0,custom_edit_url:null},l=void 0,d={id:"public-api/interfaces/OverlapWidgetProps",title:"Interface: OverlapWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/OverlapWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/OverlapWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"OverlapWidgetProps",title:"Interface: OverlapWidgetProps",sidebar_label:"OverlapWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"OtherStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps"},next:{title:"OverlapWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle"}},s={},o=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"children",id:"children",level:3},{value:"style",id:"style",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}];function a(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,c.jsxs)(i.ul,{children:["\n",(0,c.jsxs)(i.li,{children:["\n",(0,c.jsx)(i.p,{children:(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:(0,c.jsx)(i.code,{children:"ClickActionProps"})})}),"\n",(0,c.jsxs)(i.p,{children:["\u21b3 ",(0,c.jsx)(i.strong,{children:(0,c.jsx)(i.code,{children:"OverlapWidgetProps"})})]}),"\n"]}),"\n"]}),"\n",(0,c.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,c.jsx)(i.h3,{id:"children",children:"children"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"children"}),": ",(0,c.jsx)(i.code,{children:"any"})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"style",children:"style"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"style"}),": ",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle",children:(0,c.jsx)(i.code,{children:"OverlapWidgetStyle"})})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"clickaction",children:"clickAction"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"clickAction"}),": ",(0,c.jsx)(i.code,{children:"string"})]}),"\n",(0,c.jsx)(i.p,{children:"A string that will define an action that will be emited when clicking the widget."}),"\n",(0,c.jsxs)(i.p,{children:["There are a few special values for ",(0,c.jsx)(i.code,{children:"clickAction"})," that will not emit the action,\nbut will execute the action in the background."]}),"\n",(0,c.jsx)(i.p,{children:"Those are:"}),"\n",(0,c.jsxs)(i.ul,{children:["\n",(0,c.jsxs)(i.li,{children:[(0,c.jsx)(i.code,{children:'"OPEN_APP"'})," - This ",(0,c.jsx)(i.code,{children:"clickAction"})," does not require ",(0,c.jsx)(i.code,{children:"clickActionData"}),", and if set on a section of\nthe widget it will open the application when clicked"]}),"\n",(0,c.jsxs)(i.li,{children:[(0,c.jsx)(i.code,{children:'"OPEN_URI"'})," - This ",(0,c.jsx)(i.code,{children:"clickAction"})," requires a ",(0,c.jsx)(i.code,{children:"clickActionData"})," that contains ",(0,c.jsx)(i.code,{children:"{ uri: 'some-uri' }"}),".\nThe ",(0,c.jsx)(i.code,{children:"uri"})," can be a web uri (",(0,c.jsx)(i.code,{children:"https://google.com"}),"), or an app deep link (",(0,c.jsx)(i.code,{children:"androidwidgetexample://deep-link"}),")\nFor the link to open a screen in the app deep linking must be set up"]}),"\n"]}),"\n",(0,c.jsx)(i.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction",children:"clickAction"})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"clickactiondata",children:"clickActionData"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"clickActionData"}),": ",(0,c.jsx)(i.code,{children:"Record"}),"<",(0,c.jsx)(i.code,{children:"string"}),", ",(0,c.jsx)(i.code,{children:"unknown"}),">"]}),"\n",(0,c.jsx)(i.p,{children:"Additional data that will be passed when the widget is clicked."}),"\n",(0,c.jsxs)(i.p,{children:["If ",(0,c.jsx)(i.code,{children:"clickAction"})," is ",(0,c.jsx)(i.code,{children:"OPEN_URI"})," it must contain ",(0,c.jsx)(i.code,{children:"{ uri: 'some-uri' }"})]}),"\n",(0,c.jsx)(i.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata",children:"clickActionData"})]})]})}function h(e={}){const{wrapper:i}={...(0,r.a)(),...e.components};return i?(0,c.jsx)(i,{...e,children:(0,c.jsx)(a,{...e})}):a(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>d,a:()=>l});var c=n(7294);const r={},t=c.createContext(r);function l(e){const i=c.useContext(t);return c.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function d(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),c.createElement(t.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/281947f5.7c144a7d.js b/assets/js/281947f5.7c144a7d.js deleted file mode 100644 index d613dc9..0000000 --- a/assets/js/281947f5.7c144a7d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6831],{3905:(e,t,i)=>{i.d(t,{Zo:()=>d,kt:()=>k});var n=i(7294);function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function a(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function l(e){for(var t=1;t =0||(r[i]=e[i]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,i)&&(r[i]=e[i])}return r}var p=n.createContext({}),c=function(e){var t=n.useContext(p),i=t;return e&&(i="function"==typeof e?e(t):l(l({},t),e)),i},d=function(e){var t=c(e.components);return n.createElement(p.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var i=e.components,r=e.mdxType,a=e.originalType,p=e.parentName,d=o(e,["components","mdxType","originalType","parentName"]),u=c(i),k=r,m=u["".concat(p,".").concat(k)]||u[k]||s[k]||a;return i?n.createElement(m,l(l({ref:t},d),{},{components:i})):n.createElement(m,l({ref:t},d))}));function k(e,t){var i=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=i.length,l=new Array(a);l[0]=u;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:r,l[1]=o;for(var c=2;c{i.r(t),i.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>s,frontMatter:()=>a,metadata:()=>o,toc:()=>c});var n=i(7462),r=(i(7294),i(3905));const a={id:"OverlapWidgetProps",title:"Interface: OverlapWidgetProps",sidebar_label:"OverlapWidgetProps",sidebar_position:0,custom_edit_url:null},l=void 0,o={unversionedId:"public-api/interfaces/OverlapWidgetProps",id:"public-api/interfaces/OverlapWidgetProps",title:"Interface: OverlapWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/OverlapWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/OverlapWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"OverlapWidgetProps",title:"Interface: OverlapWidgetProps",sidebar_label:"OverlapWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"OtherStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps"},next:{title:"OverlapWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle"}},p={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"children",id:"children",level:3},{value:"style",id:"style",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}],d={toc:c};function s(e){let{components:t,...i}=e;return(0,r.kt)("wrapper",(0,n.Z)({},d,i,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},(0,r.kt)("inlineCode",{parentName:"a"},"ClickActionProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("strong",{parentName:"p"},(0,r.kt)("inlineCode",{parentName:"strong"},"OverlapWidgetProps"))))),(0,r.kt)("h2",{id:"properties"},"Properties"),(0,r.kt)("h3",{id:"children"},"children"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"children"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"any")),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"style"},"style"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"style"),": ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle"},(0,r.kt)("inlineCode",{parentName:"a"},"OverlapWidgetStyle"))),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"clickaction"},"clickAction"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"clickAction"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"A string that will define an action that will be emited when clicking the widget."),(0,r.kt)("p",null,"There are a few special values for ",(0,r.kt)("inlineCode",{parentName:"p"},"clickAction")," that will not emit the action,\nbut will execute the action in the background."),(0,r.kt)("p",null,"Those are:"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},'"OPEN_APP"')," - This ",(0,r.kt)("inlineCode",{parentName:"li"},"clickAction")," does not require ",(0,r.kt)("inlineCode",{parentName:"li"},"clickActionData"),", and if set on a section of\nthe widget it will open the application when clicked"),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},'"OPEN_URI"')," - This ",(0,r.kt)("inlineCode",{parentName:"li"},"clickAction")," requires a ",(0,r.kt)("inlineCode",{parentName:"li"},"clickActionData")," that contains ",(0,r.kt)("inlineCode",{parentName:"li"},"{ uri: 'some-uri' }"),".\nThe ",(0,r.kt)("inlineCode",{parentName:"li"},"uri")," can be a web uri (",(0,r.kt)("inlineCode",{parentName:"li"},"https://google.com"),"), or an app deep link (",(0,r.kt)("inlineCode",{parentName:"li"},"androidwidgetexample://deep-link"),")\nFor the link to open a screen in the app deep linking must be set up")),(0,r.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction"},"clickAction")),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"clickactiondata"},"clickActionData"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"clickActionData"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Record"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"string"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"unknown"),">"),(0,r.kt)("p",null,"Additional data that will be passed when the widget is clicked."),(0,r.kt)("p",null,"If ",(0,r.kt)("inlineCode",{parentName:"p"},"clickAction")," is ",(0,r.kt)("inlineCode",{parentName:"p"},"OPEN_URI")," it must contain ",(0,r.kt)("inlineCode",{parentName:"p"},"{ uri: 'some-uri' }")),(0,r.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata"},"clickActionData")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/2eb66e86.13cacfbe.js b/assets/js/2eb66e86.13cacfbe.js new file mode 100644 index 0000000..334d462 --- /dev/null +++ b/assets/js/2eb66e86.13cacfbe.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6090],{5587:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>l,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>s,toc:()=>a});var c=n(5893),t=n(1151);const r={id:"ImageWidgetProps",title:"Interface: ImageWidgetProps",sidebar_label:"ImageWidgetProps",sidebar_position:0,custom_edit_url:null},d=void 0,s={id:"public-api/interfaces/ImageWidgetProps",title:"Interface: ImageWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/ImageWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ImageWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ImageWidgetProps",title:"Interface: ImageWidgetProps",sidebar_label:"ImageWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"IconWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle"},next:{title:"ListWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps"}},l={},a=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"imageWidth",id:"imagewidth",level:3},{value:"imageHeight",id:"imageheight",level:3},{value:"image",id:"image",level:3},{value:"style",id:"style",level:3},{value:"radius",id:"radius",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}];function o(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,c.jsxs)(i.ul,{children:["\n",(0,c.jsxs)(i.li,{children:["\n",(0,c.jsx)(i.p,{children:(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:(0,c.jsx)(i.code,{children:"ClickActionProps"})})}),"\n",(0,c.jsxs)(i.p,{children:["\u21b3 ",(0,c.jsx)(i.strong,{children:(0,c.jsx)(i.code,{children:"ImageWidgetProps"})})]}),"\n"]}),"\n"]}),"\n",(0,c.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,c.jsx)(i.h3,{id:"imagewidth",children:"imageWidth"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.strong,{children:"imageWidth"}),": ",(0,c.jsx)(i.code,{children:"number"})]}),"\n",(0,c.jsx)(i.p,{children:"Width of the image"}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"imageheight",children:"imageHeight"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.strong,{children:"imageHeight"}),": ",(0,c.jsx)(i.code,{children:"number"})]}),"\n",(0,c.jsx)(i.p,{children:"Height of the image"}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"image",children:"image"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.strong,{children:"image"}),": ",(0,c.jsx)(i.a,{href:"../#imagewidgetsource",children:(0,c.jsx)(i.code,{children:"ImageWidgetSource"})})]}),"\n",(0,c.jsxs)(i.p,{children:["Image loaded using ",(0,c.jsx)(i.code,{children:"require('./path/to/image')"}),',\nor a path to image starting with "http:", "https:", or "data:/image"']}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"style",children:"style"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"style"}),": ",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,c.jsx)(i.code,{children:"CommonStyleProps"})})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"radius",children:"radius"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"radius"}),": ",(0,c.jsx)(i.code,{children:"number"})]}),"\n",(0,c.jsx)(i.p,{children:"Image radius"}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"clickaction",children:"clickAction"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"clickAction"}),": ",(0,c.jsx)(i.code,{children:"string"})]}),"\n",(0,c.jsx)(i.p,{children:"A string that will define an action that will be emited when clicking the widget."}),"\n",(0,c.jsxs)(i.p,{children:["There are a few special values for ",(0,c.jsx)(i.code,{children:"clickAction"})," that will not emit the action,\nbut will execute the action in the background."]}),"\n",(0,c.jsx)(i.p,{children:"Those are:"}),"\n",(0,c.jsxs)(i.ul,{children:["\n",(0,c.jsxs)(i.li,{children:[(0,c.jsx)(i.code,{children:'"OPEN_APP"'})," - This ",(0,c.jsx)(i.code,{children:"clickAction"})," does not require ",(0,c.jsx)(i.code,{children:"clickActionData"}),", and if set on a section of\nthe widget it will open the application when clicked"]}),"\n",(0,c.jsxs)(i.li,{children:[(0,c.jsx)(i.code,{children:'"OPEN_URI"'})," - This ",(0,c.jsx)(i.code,{children:"clickAction"})," requires a ",(0,c.jsx)(i.code,{children:"clickActionData"})," that contains ",(0,c.jsx)(i.code,{children:"{ uri: 'some-uri' }"}),".\nThe ",(0,c.jsx)(i.code,{children:"uri"})," can be a web uri (",(0,c.jsx)(i.code,{children:"https://google.com"}),"), or an app deep link (",(0,c.jsx)(i.code,{children:"androidwidgetexample://deep-link"}),")\nFor the link to open a screen in the app deep linking must be set up"]}),"\n"]}),"\n",(0,c.jsx)(i.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction",children:"clickAction"})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"clickactiondata",children:"clickActionData"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"clickActionData"}),": ",(0,c.jsx)(i.code,{children:"Record"}),"<",(0,c.jsx)(i.code,{children:"string"}),", ",(0,c.jsx)(i.code,{children:"unknown"}),">"]}),"\n",(0,c.jsx)(i.p,{children:"Additional data that will be passed when the widget is clicked."}),"\n",(0,c.jsxs)(i.p,{children:["If ",(0,c.jsx)(i.code,{children:"clickAction"})," is ",(0,c.jsx)(i.code,{children:"OPEN_URI"})," it must contain ",(0,c.jsx)(i.code,{children:"{ uri: 'some-uri' }"})]}),"\n",(0,c.jsx)(i.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata",children:"clickActionData"})]})]})}function h(e={}){const{wrapper:i}={...(0,t.a)(),...e.components};return i?(0,c.jsx)(i,{...e,children:(0,c.jsx)(o,{...e})}):o(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>s,a:()=>d});var c=n(7294);const t={},r=c.createContext(t);function d(e){const i=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function s(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:d(e.components),c.createElement(r.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/2eb66e86.41fe1108.js b/assets/js/2eb66e86.41fe1108.js deleted file mode 100644 index babf6d8..0000000 --- a/assets/js/2eb66e86.41fe1108.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6090],{3905:(e,t,i)=>{i.d(t,{Zo:()=>d,kt:()=>u});var n=i(7294);function a(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function r(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function l(e){for(var t=1;t =0||(a[i]=e[i]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,i)&&(a[i]=e[i])}return a}var p=n.createContext({}),c=function(e){var t=n.useContext(p),i=t;return e&&(i="function"==typeof e?e(t):l(l({},t),e)),i},d=function(e){var t=c(e.components);return n.createElement(p.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var i=e.components,a=e.mdxType,r=e.originalType,p=e.parentName,d=o(e,["components","mdxType","originalType","parentName"]),m=c(i),u=a,k=m["".concat(p,".").concat(u)]||m[u]||s[u]||r;return i?n.createElement(k,l(l({ref:t},d),{},{components:i})):n.createElement(k,l({ref:t},d))}));function u(e,t){var i=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=i.length,l=new Array(r);l[0]=m;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:a,l[1]=o;for(var c=2;c {i.r(t),i.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>s,frontMatter:()=>r,metadata:()=>o,toc:()=>c});var n=i(7462),a=(i(7294),i(3905));const r={id:"ImageWidgetProps",title:"Interface: ImageWidgetProps",sidebar_label:"ImageWidgetProps",sidebar_position:0,custom_edit_url:null},l=void 0,o={unversionedId:"public-api/interfaces/ImageWidgetProps",id:"public-api/interfaces/ImageWidgetProps",title:"Interface: ImageWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/ImageWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ImageWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ImageWidgetProps",title:"Interface: ImageWidgetProps",sidebar_label:"ImageWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"IconWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle"},next:{title:"ListWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps"}},p={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"imageWidth",id:"imagewidth",level:3},{value:"imageHeight",id:"imageheight",level:3},{value:"image",id:"image",level:3},{value:"style",id:"style",level:3},{value:"radius",id:"radius",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}],d={toc:c};function s(e){let{components:t,...i}=e;return(0,a.kt)("wrapper",(0,n.Z)({},d,i,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},(0,a.kt)("inlineCode",{parentName:"a"},"ClickActionProps"))),(0,a.kt)("p",{parentName:"li"},"\u21b3 ",(0,a.kt)("strong",{parentName:"p"},(0,a.kt)("inlineCode",{parentName:"strong"},"ImageWidgetProps"))))),(0,a.kt)("h2",{id:"properties"},"Properties"),(0,a.kt)("h3",{id:"imagewidth"},"imageWidth"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"imageWidth"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("p",null,"Width of the image"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"imageheight"},"imageHeight"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"imageHeight"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("p",null,"Height of the image"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"image"},"image"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"image"),": ",(0,a.kt)("a",{parentName:"p",href:"../#imagewidgetsource"},(0,a.kt)("inlineCode",{parentName:"a"},"ImageWidgetSource"))),(0,a.kt)("p",null,"Image loaded using ",(0,a.kt)("inlineCode",{parentName:"p"},"require('./path/to/image')"),',\nor a path to image starting with "http:", "https:", or "data:/image"'),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"style"},"style"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"style"),": ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,a.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"radius"},"radius"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"radius"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("p",null,"Image radius"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"clickaction"},"clickAction"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"clickAction"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"string")),(0,a.kt)("p",null,"A string that will define an action that will be emited when clicking the widget."),(0,a.kt)("p",null,"There are a few special values for ",(0,a.kt)("inlineCode",{parentName:"p"},"clickAction")," that will not emit the action,\nbut will execute the action in the background."),(0,a.kt)("p",null,"Those are:"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("inlineCode",{parentName:"li"},'"OPEN_APP"')," - This ",(0,a.kt)("inlineCode",{parentName:"li"},"clickAction")," does not require ",(0,a.kt)("inlineCode",{parentName:"li"},"clickActionData"),", and if set on a section of\nthe widget it will open the application when clicked"),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("inlineCode",{parentName:"li"},'"OPEN_URI"')," - This ",(0,a.kt)("inlineCode",{parentName:"li"},"clickAction")," requires a ",(0,a.kt)("inlineCode",{parentName:"li"},"clickActionData")," that contains ",(0,a.kt)("inlineCode",{parentName:"li"},"{ uri: 'some-uri' }"),".\nThe ",(0,a.kt)("inlineCode",{parentName:"li"},"uri")," can be a web uri (",(0,a.kt)("inlineCode",{parentName:"li"},"https://google.com"),"), or an app deep link (",(0,a.kt)("inlineCode",{parentName:"li"},"androidwidgetexample://deep-link"),")\nFor the link to open a screen in the app deep linking must be set up")),(0,a.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction"},"clickAction")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"clickactiondata"},"clickActionData"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"clickActionData"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"Record"),"<",(0,a.kt)("inlineCode",{parentName:"p"},"string"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"unknown"),">"),(0,a.kt)("p",null,"Additional data that will be passed when the widget is clicked."),(0,a.kt)("p",null,"If ",(0,a.kt)("inlineCode",{parentName:"p"},"clickAction")," is ",(0,a.kt)("inlineCode",{parentName:"p"},"OPEN_URI")," it must contain ",(0,a.kt)("inlineCode",{parentName:"p"},"{ uri: 'some-uri' }")),(0,a.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata"},"clickActionData")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/31e029c9.2d016fba.js b/assets/js/31e029c9.2d016fba.js deleted file mode 100644 index 68d9f6c..0000000 --- a/assets/js/31e029c9.2d016fba.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1946],{3905:(e,t,i)=>{i.d(t,{Zo:()=>c,kt:()=>u});var n=i(7294);function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function o(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function a(e){for(var t=1;t =0||(r[i]=e[i]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,i)&&(r[i]=e[i])}return r}var s=n.createContext({}),l=function(e){var t=n.useContext(s),i=t;return e&&(i="function"==typeof e?e(t):a(a({},t),e)),i},c=function(e){var t=l(e.components);return n.createElement(s.Provider,{value:t},e.children)},g={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},p=n.forwardRef((function(e,t){var i=e.components,r=e.mdxType,o=e.originalType,s=e.parentName,c=d(e,["components","mdxType","originalType","parentName"]),p=l(i),u=r,f=p["".concat(s,".").concat(u)]||p[u]||g[u]||o;return i?n.createElement(f,a(a({ref:t},c),{},{components:i})):n.createElement(f,a({ref:t},c))}));function u(e,t){var i=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=i.length,a=new Array(o);a[0]=p;var d={};for(var s in t)hasOwnProperty.call(t,s)&&(d[s]=t[s]);d.originalType=e,d.mdxType="string"==typeof e?e:r,a[1]=d;for(var l=2;l {i.r(t),i.d(t,{assets:()=>s,contentTitle:()=>a,default:()=>g,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var n=i(7462),r=(i(7294),i(3905));const o={sidebar_position:5},a="Register widget in Expo",d={unversionedId:"tutorial/register-widget-expo",id:"tutorial/register-widget-expo",title:"Register widget in Expo",description:"If we are using Expo for our app, we might not have access to the native android directory, so we cannot create/update the required files.",source:"@site/docs/tutorial/register-widget-expo.md",sourceDirName:"tutorial",slug:"/tutorial/register-widget-expo",permalink:"/react-native-android-widget/docs/tutorial/register-widget-expo",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/register-widget-expo.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5},sidebar:"default",previous:{title:"Register widget",permalink:"/react-native-android-widget/docs/tutorial/register-widget"},next:{title:"Make Widget configurable (Optional)",permalink:"/react-native-android-widget/docs/tutorial/make-widget-configurable"}},s={},l=[{value:"Create widget preview image",id:"create-widget-preview-image",level:2},{value:"Add custom fonts used in widgets",id:"add-custom-fonts-used-in-widgets",level:2},{value:"Use config plugin in app.(json|config.js|config.ts)",id:"use-config-plugin-in-appjsonconfigjsconfigts",level:2},{value:"Build Dev Client",id:"build-dev-client",level:2}],c={toc:l};function g(e){let{components:t,...o}=e;return(0,r.kt)("wrapper",(0,n.Z)({},c,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"register-widget-in-expo"},"Register widget in Expo"),(0,r.kt)("p",null,"If we are using Expo for our app, we might not have access to the native android directory, so we cannot create/update the required files."),(0,r.kt)("p",null,"Expo provides ",(0,r.kt)("a",{parentName:"p",href:"https://docs.expo.dev/guides/config-plugins/"},"Config Plugins")," that can be used to configure the native android project."),(0,r.kt)("p",null,(0,r.kt)("inlineCode",{parentName:"p"},"react-native-android-widget")," exports a config plugin."),(0,r.kt)("h2",{id:"create-widget-preview-image"},"Create widget preview image"),(0,r.kt)("p",null,"When the android launcher shows the widget select popup, we can show a screenshot of our widget to give the user an idea what the widget looks like."),(0,r.kt)("p",null,"Take a screenshot of the widget, and place it inside ",(0,r.kt)("inlineCode",{parentName:"p"},"assets/widget-preview/hello.png")),(0,r.kt)("pre",null,"assets/widget-preview/hello.png"),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"Hello Widget Preview",src:i(6945).Z,width:"327",height:"208"})),(0,r.kt)("h2",{id:"add-custom-fonts-used-in-widgets"},"Add custom fonts used in widgets"),(0,r.kt)("p",null,"If we need custom fonts for our widgets, we can add them in the assets directory"),(0,r.kt)("p",null,"For example, ",(0,r.kt)("inlineCode",{parentName:"p"},"assets/fonts/Inter.ttf")),(0,r.kt)("h2",{id:"use-config-plugin-in-appjsonconfigjsconfigts"},"Use config plugin in ",(0,r.kt)("a",{parentName:"h2",href:"https://docs.expo.dev/workflow/configuration/"},"app.(json|config.js|config.ts)")),(0,r.kt)("p",null,"In this example we are using ",(0,r.kt)("inlineCode",{parentName:"p"},"app.config.ts")," but the changes are similar for all configuration types."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="app.config.ts"',title:'"app.config.ts"'},"import type { ConfigContext, ExpoConfig } from 'expo/config';\nimport type { WithAndroidWidgetsParams } from 'react-native-android-widget';\n\nconst widgetConfig: WithAndroidWidgetsParams = {\n // Paths to all custom fonts used in all widgets\n fonts: ['./assets/fonts/Inter.ttf'],\n widgets: [\n {\n name: 'Hello', // This name will be the **name** with which we will reference our widget.\n label: 'My Hello Widget', // Label shown in the widget picker\n minWidth: '320dp',\n minHeight: '120dp',\n description: 'This is my first widget', // Description shown in the widget picker\n previewImage: './assets/widget-preview/hello.png', // Path to widget preview image\n\n // How often, in milliseconds, that this AppWidget wants to be updated.\n // The task handler will be called with widgetAction = 'UPDATE_WIDGET'.\n // Default is 0 (no automatic updates)\n // Minimum is 1800000 (30 minutes == 30 * 60 * 1000).\n updatePeriodMillis: 1800000,\n },\n ],\n};\n\nexport default ({ config }: ConfigContext): ExpoConfig => ({\n ...config,\n name: 'My Expo App Name',\n plugins: [['react-native-android-widget', widgetConfig]],\n});\n")),(0,r.kt)("h2",{id:"build-dev-client"},"Build Dev Client"),(0,r.kt)("p",null,"Build an ",(0,r.kt)("a",{parentName:"p",href:"https://docs.expo.dev/development/create-development-builds/"},"Expo Dev Client")," that will include ",(0,r.kt)("inlineCode",{parentName:"p"},"react-native-android-widget")," and the new widget"))}g.isMDXComponent=!0},6945:(e,t,i)=>{i.d(t,{Z:()=>n});const n="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUcAAADQCAYAAACUXaMkAAAABHNCSVQICAgIfAhkiAAACTdJREFUeJzt3UtoXAUbgOFvJslMc/FSFItCK1YqUhAiukh0YV0o1p3QhZeVgiAiuhJERJGibkSxbisKgghqiYvWhYIomjYgqLgRrCItKO1CzMUkc0nmX0iHhn7NP5PMJBn7PBA4J+cyX6F9OWfmJC3MzMw0AoAVips9AMBWJI4ACXEESIgjQEIcARLiCJDo7/YLFAqFbr8EcIlqNLr3JGLH41gul6NUKnX6tACrqlarUalUOna+jsSxUCjE0NBQFIvu0oHNUSqVolQqxfLycszPz6/7qnLdcXSlCGwlxWIxRkZG1n0lua5LveHhYWEEtqRSqRTDw8NrPn7NcRweHnYbDWxpxWJxzYFcU90GBweFEegJxWIxBgcH2z+u3QMGBgaiv7/rTwABdEx/f3/b3Wo7jtu2bWv3EIBN1+7VY1txLJfLbZ0cYCtpp2FtxdEn00Ava6dhPlUBSLQcR+81Av8Frbas5Tj6hBr4L2i1ZS3H0W/XAf4LWm2Z9xwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCMxPj4eY2NjMTY2FsePH2/5uMnJyeZxY2NjXZvvjz/+WPV1Dh482Nz23HPPdW0OLi39mz0Am29qaioajUZERExPT7d83PT0dExNTXVrrKZKpbLq6/z222/N7dddd13X5+HS4MoRICGOAAlxBEh4z5ENV6vVYmlpKfr6+mJgYGBTZlheXo56vR7Ly8vR398f/f3+KbCSK0c2zPj4eJRKpSiVSjE4OBilUikGBgbijjvu2LAZfvnll7jiiiuir68vyuVyDA4OxsDAQAwNDcWLL764YXOw9YkjXff5559HoVCIEydORK1WW7GtXq/H8ePHo6+vL7744ouuznHnnXfGTTfdFDMzMxdsW1hYiIMHD8bQ0FAsLCx0dQ56g3sJumpycjLuvffe5nqhUIgnn3wy9u7dGz///HO8/fbbEfHvbe4999wTp06dip07d3Z8jltvvTV++OGH5nq5XI4nnngitm/fHhMTE81tCwsLcfnll18QcS494khX3X333c3lAwcOxEcffbRi+6FDh+LAgQPxySefRETErl27ms9cdsqRI0dWhPGtt96Kp59+urn+0ksvxenTp2P37t1Rr9ejXq/Hjh074syZMx2dg97itpoV9u/fH4VCoaWv+++/f9Vzvf7661GtViMiYs+ePReE8ZyPP/44SqVSc/2nn37q3B8oIh5++OHm8iOPPLIijOfs3Lkzfvzxx+b62bNn4++//+7oHPQWcaRr3njjjebyxMTEqvu+//77zeU333yzYzPMz89HpVJprr/zzjsX3Xfv3r2xffv25vqzzz7bsTnoPeJI1/z555/N5ZtvvjmWl5cv+nX77bc393333Xc7NsOnn37aXC4UClEul1fd//xPrA8fPtyxOeg94sgKx44dWzVi538dPXq05fP29fWt+nXjjTd25c/z7bffNpfPf//zYsbHx7syB73HBzKscO79xFb33erOf//ymmuu+b/7j4yMdHMceog4siG+/PLLTXnd0dHR+PrrryNi5W3+xWTPQHJpEkc2xL59+zblde+66644dOhQRER89dVX/3f/b775ptsj0SO850jX7Nixo7l87NixTZnhvvvuW7E+Nze36v6vvPJKc/mZZ57pykz0BnGka5566qnm8mOPPbbqvo8//ngUi8V49NFHY3JysmMzDA0NxbZt25rrDz744EX3nZqaWvHLfl999dWOzUHvEUe65oUXXohi8d+/YmfOnIldu3bF0tLSBftNTEzE4cOHo9FoxHvvvdfxD3o+++yz5vLRo0fj+eefv2CfU6dOrfgvGK6++uoYGhrq6Bz0FnGkq87/sb3Tp09Hf39/XHnllfHQQw/FDTfcEIODg/HAAw809xkeHu744zT79u2L0dHR5vprr70WAwMDcdVVV8WePXtiZGQkrr/++ub2YrEYZ8+e7egM9B5xpKtuueWW+O6771Z8b3p6Oj788MP4/fffY3Fxsfn93bt3x+zsbFfm+P7771dEuF6vx19//RUnT56Mf/75p/n94eHhmJ2d7YnHlOgucaTrbrvttqjVavHyyy+n20dHR+PEiRPx66+/djVKR44ciZMnT8b+/fsv2HbttdfGBx98EHNzc26niYiIwszMTEu/AuWyyy7r9iwAG6KVOxRXjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgETLcWw0Gt2cA2BDtNqyluNYq9XWPAzAVtFqy1qOY6VSWfMwAFtFqy1r6z1Ht9ZAL2unYW3F0dUj0MsWFxdb3retONZqNVePQE9qNBpRr9db3r/tR3nm5+fbPQRg07XbrrbjuLy87PYa6CmVSiWWl5fbOmZND4FXq1WP9gA9oVarRbVabfu4Nf+EzOLioitIYEurVCptfQhzvnX9+GC1Wo25ubn1nAKgK+bm5tZ0xXhO/3oHaDQaMTs7G6VSKcrl8npPB7AulUplXVE8Z91xPKdarUa1Wo2+vr4olUrR39+xUwOsql6vR7VajaWlpY6ds+MFW1paioWFhU6fFmBD+ZVlAAlxBEiII0BCHAES4giQEEeAhDgCJP4H6/Y8YKqxICUAAAAASUVORK5CYII="}}]); \ No newline at end of file diff --git a/assets/js/31e029c9.9d3c63b6.js b/assets/js/31e029c9.9d3c63b6.js new file mode 100644 index 0000000..9c1281a --- /dev/null +++ b/assets/js/31e029c9.9d3c63b6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1946],{2003:(e,i,t)=>{t.r(i),t.d(i,{assets:()=>a,contentTitle:()=>o,default:()=>l,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var n=t(5893),d=t(1151);const s={sidebar_position:5},o="Register widget in Expo",r={id:"tutorial/register-widget-expo",title:"Register widget in Expo",description:"If we are using Expo for our app, we might not have access to the native android directory, so we cannot create/update the required files.",source:"@site/docs/tutorial/register-widget-expo.md",sourceDirName:"tutorial",slug:"/tutorial/register-widget-expo",permalink:"/react-native-android-widget/docs/tutorial/register-widget-expo",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/register-widget-expo.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5},sidebar:"default",previous:{title:"Register widget",permalink:"/react-native-android-widget/docs/tutorial/register-widget"},next:{title:"Make Widget configurable (Optional)",permalink:"/react-native-android-widget/docs/tutorial/make-widget-configurable"}},a={},c=[{value:"Create widget preview image",id:"create-widget-preview-image",level:2},{value:"Add custom fonts used in widgets",id:"add-custom-fonts-used-in-widgets",level:2},{value:"Use config plugin in app.(json|config.js|config.ts)",id:"use-config-plugin-in-appjsonconfigjsconfigts",level:2},{value:"Build Dev Client",id:"build-dev-client",level:2}];function g(e){const i={a:"a",code:"code",h1:"h1",h2:"h2",img:"img",p:"p",pre:"pre",...(0,d.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.h1,{id:"register-widget-in-expo",children:"Register widget in Expo"}),"\n",(0,n.jsx)(i.p,{children:"If we are using Expo for our app, we might not have access to the native android directory, so we cannot create/update the required files."}),"\n",(0,n.jsxs)(i.p,{children:["Expo provides ",(0,n.jsx)(i.a,{href:"https://docs.expo.dev/guides/config-plugins/",children:"Config Plugins"})," that can be used to configure the native android project."]}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.code,{children:"react-native-android-widget"})," exports a config plugin."]}),"\n",(0,n.jsx)(i.h2,{id:"create-widget-preview-image",children:"Create widget preview image"}),"\n",(0,n.jsx)(i.p,{children:"When the android launcher shows the widget select popup, we can show a screenshot of our widget to give the user an idea what the widget looks like."}),"\n",(0,n.jsxs)(i.p,{children:["Take a screenshot of the widget, and place it inside ",(0,n.jsx)(i.code,{children:"assets/widget-preview/hello.png"})]}),"\n",(0,n.jsx)("pre",{children:"assets/widget-preview/hello.png"}),"\n",(0,n.jsx)(i.p,{children:(0,n.jsx)(i.img,{alt:"Hello Widget Preview",src:t(6945).Z+"",width:"327",height:"208"})}),"\n",(0,n.jsx)(i.h2,{id:"add-custom-fonts-used-in-widgets",children:"Add custom fonts used in widgets"}),"\n",(0,n.jsx)(i.p,{children:"If we need custom fonts for our widgets, we can add them in the assets directory"}),"\n",(0,n.jsxs)(i.p,{children:["For example, ",(0,n.jsx)(i.code,{children:"assets/fonts/Inter.ttf"})]}),"\n",(0,n.jsxs)(i.h2,{id:"use-config-plugin-in-appjsonconfigjsconfigts",children:["Use config plugin in ",(0,n.jsx)(i.a,{href:"https://docs.expo.dev/workflow/configuration/",children:"app.(json|config.js|config.ts)"})]}),"\n",(0,n.jsxs)(i.p,{children:["In this example we are using ",(0,n.jsx)(i.code,{children:"app.config.ts"})," but the changes are similar for all configuration types."]}),"\n",(0,n.jsx)(i.pre,{children:(0,n.jsx)(i.code,{className:"language-js",metastring:'title="app.config.ts"',children:"import type { ConfigContext, ExpoConfig } from 'expo/config';\nimport type { WithAndroidWidgetsParams } from 'react-native-android-widget';\n\nconst widgetConfig: WithAndroidWidgetsParams = {\n // Paths to all custom fonts used in all widgets\n fonts: ['./assets/fonts/Inter.ttf'],\n widgets: [\n {\n name: 'Hello', // This name will be the **name** with which we will reference our widget.\n label: 'My Hello Widget', // Label shown in the widget picker\n minWidth: '320dp',\n minHeight: '120dp',\n description: 'This is my first widget', // Description shown in the widget picker\n previewImage: './assets/widget-preview/hello.png', // Path to widget preview image\n\n // How often, in milliseconds, that this AppWidget wants to be updated.\n // The task handler will be called with widgetAction = 'UPDATE_WIDGET'.\n // Default is 0 (no automatic updates)\n // Minimum is 1800000 (30 minutes == 30 * 60 * 1000).\n updatePeriodMillis: 1800000,\n },\n ],\n};\n\nexport default ({ config }: ConfigContext): ExpoConfig => ({\n ...config,\n name: 'My Expo App Name',\n plugins: [['react-native-android-widget', widgetConfig]],\n});\n"})}),"\n",(0,n.jsx)(i.h2,{id:"build-dev-client",children:"Build Dev Client"}),"\n",(0,n.jsxs)(i.p,{children:["Build an ",(0,n.jsx)(i.a,{href:"https://docs.expo.dev/development/create-development-builds/",children:"Expo Dev Client"})," that will include ",(0,n.jsx)(i.code,{children:"react-native-android-widget"})," and the new widget"]})]})}function l(e={}){const{wrapper:i}={...(0,d.a)(),...e.components};return i?(0,n.jsx)(i,{...e,children:(0,n.jsx)(g,{...e})}):g(e)}},6945:(e,i,t)=>{t.d(i,{Z:()=>n});const n="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUcAAADQCAYAAACUXaMkAAAABHNCSVQICAgIfAhkiAAACTdJREFUeJzt3UtoXAUbgOFvJslMc/FSFItCK1YqUhAiukh0YV0o1p3QhZeVgiAiuhJERJGibkSxbisKgghqiYvWhYIomjYgqLgRrCItKO1CzMUkc0nmX0iHhn7NP5PMJBn7PBA4J+cyX6F9OWfmJC3MzMw0AoAVips9AMBWJI4ACXEESIgjQEIcARLiCJDo7/YLFAqFbr8EcIlqNLr3JGLH41gul6NUKnX6tACrqlarUalUOna+jsSxUCjE0NBQFIvu0oHNUSqVolQqxfLycszPz6/7qnLdcXSlCGwlxWIxRkZG1n0lua5LveHhYWEEtqRSqRTDw8NrPn7NcRweHnYbDWxpxWJxzYFcU90GBweFEegJxWIxBgcH2z+u3QMGBgaiv7/rTwABdEx/f3/b3Wo7jtu2bWv3EIBN1+7VY1txLJfLbZ0cYCtpp2FtxdEn00Ava6dhPlUBSLQcR+81Av8Frbas5Tj6hBr4L2i1ZS3H0W/XAf4LWm2Z9xwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCMxPj4eY2NjMTY2FsePH2/5uMnJyeZxY2NjXZvvjz/+WPV1Dh482Nz23HPPdW0OLi39mz0Am29qaioajUZERExPT7d83PT0dExNTXVrrKZKpbLq6/z222/N7dddd13X5+HS4MoRICGOAAlxBEh4z5ENV6vVYmlpKfr6+mJgYGBTZlheXo56vR7Ly8vR398f/f3+KbCSK0c2zPj4eJRKpSiVSjE4OBilUikGBgbijjvu2LAZfvnll7jiiiuir68vyuVyDA4OxsDAQAwNDcWLL764YXOw9YkjXff5559HoVCIEydORK1WW7GtXq/H8ePHo6+vL7744ouuznHnnXfGTTfdFDMzMxdsW1hYiIMHD8bQ0FAsLCx0dQ56g3sJumpycjLuvffe5nqhUIgnn3wy9u7dGz///HO8/fbbEfHvbe4999wTp06dip07d3Z8jltvvTV++OGH5nq5XI4nnngitm/fHhMTE81tCwsLcfnll18QcS494khX3X333c3lAwcOxEcffbRi+6FDh+LAgQPxySefRETErl27ms9cdsqRI0dWhPGtt96Kp59+urn+0ksvxenTp2P37t1Rr9ejXq/Hjh074syZMx2dg97itpoV9u/fH4VCoaWv+++/f9Vzvf7661GtViMiYs+ePReE8ZyPP/44SqVSc/2nn37q3B8oIh5++OHm8iOPPLIijOfs3Lkzfvzxx+b62bNn4++//+7oHPQWcaRr3njjjebyxMTEqvu+//77zeU333yzYzPMz89HpVJprr/zzjsX3Xfv3r2xffv25vqzzz7bsTnoPeJI1/z555/N5ZtvvjmWl5cv+nX77bc393333Xc7NsOnn37aXC4UClEul1fd//xPrA8fPtyxOeg94sgKx44dWzVi538dPXq05fP29fWt+nXjjTd25c/z7bffNpfPf//zYsbHx7syB73HBzKscO79xFb33erOf//ymmuu+b/7j4yMdHMceog4siG+/PLLTXnd0dHR+PrrryNi5W3+xWTPQHJpEkc2xL59+zblde+66644dOhQRER89dVX/3f/b775ptsj0SO850jX7Nixo7l87NixTZnhvvvuW7E+Nze36v6vvPJKc/mZZ57pykz0BnGka5566qnm8mOPPbbqvo8//ngUi8V49NFHY3JysmMzDA0NxbZt25rrDz744EX3nZqaWvHLfl999dWOzUHvEUe65oUXXohi8d+/YmfOnIldu3bF0tLSBftNTEzE4cOHo9FoxHvvvdfxD3o+++yz5vLRo0fj+eefv2CfU6dOrfgvGK6++uoYGhrq6Bz0FnGkq87/sb3Tp09Hf39/XHnllfHQQw/FDTfcEIODg/HAAw809xkeHu744zT79u2L0dHR5vprr70WAwMDcdVVV8WePXtiZGQkrr/++ub2YrEYZ8+e7egM9B5xpKtuueWW+O6771Z8b3p6Oj788MP4/fffY3Fxsfn93bt3x+zsbFfm+P7771dEuF6vx19//RUnT56Mf/75p/n94eHhmJ2d7YnHlOgucaTrbrvttqjVavHyyy+n20dHR+PEiRPx66+/djVKR44ciZMnT8b+/fsv2HbttdfGBx98EHNzc26niYiIwszMTEu/AuWyyy7r9iwAG6KVOxRXjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgETLcWw0Gt2cA2BDtNqyluNYq9XWPAzAVtFqy1qOY6VSWfMwAFtFqy1r6z1Ht9ZAL2unYW3F0dUj0MsWFxdb3retONZqNVePQE9qNBpRr9db3r/tR3nm5+fbPQRg07XbrrbjuLy87PYa6CmVSiWWl5fbOmZND4FXq1WP9gA9oVarRbVabfu4Nf+EzOLioitIYEurVCptfQhzvnX9+GC1Wo25ubn1nAKgK+bm5tZ0xXhO/3oHaDQaMTs7G6VSKcrl8npPB7AulUplXVE8Z91xPKdarUa1Wo2+vr4olUrR39+xUwOsql6vR7VajaWlpY6ds+MFW1paioWFhU6fFmBD+ZVlAAlxBEiII0BCHAES4giQEEeAhDgCJP4H6/Y8YKqxICUAAAAASUVORK5CYII="},1151:(e,i,t)=>{t.d(i,{Z:()=>r,a:()=>o});var n=t(7294);const d={},s=n.createContext(d);function o(e){const i=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function r(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:o(e.components),n.createElement(s.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/334fbae1.2749aa58.js b/assets/js/334fbae1.2749aa58.js deleted file mode 100644 index e625364..0000000 --- a/assets/js/334fbae1.2749aa58.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6998],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t =0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var d=r.createContext({}),p=function(e){var t=r.useContext(d),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},c=function(e){var t=p(e.components);return r.createElement(d.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,a=e.originalType,d=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),u=p(n),f=i,m=u["".concat(d,".").concat(f)]||u[f]||s[f]||a;return n?r.createElement(m,o(o({ref:t},c),{},{components:n})):r.createElement(m,o({ref:t},c))}));function f(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=n.length,o=new Array(a);o[0]=u;var l={};for(var d in t)hasOwnProperty.call(t,d)&&(l[d]=t[d]);l.originalType=e,l.mdxType="string"==typeof e?e:i,o[1]=l;for(var p=2;p{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>s,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var r=n(7462),i=(n(7294),n(3905));const a={id:"WidgetConfigurationScreenProps",title:"Interface: WidgetConfigurationScreenProps",sidebar_label:"WidgetConfigurationScreenProps",sidebar_position:0,custom_edit_url:null},o=void 0,l={unversionedId:"public-api/interfaces/WidgetConfigurationScreenProps",id:"public-api/interfaces/WidgetConfigurationScreenProps",title:"Interface: WidgetConfigurationScreenProps",description:"Properties",source:"@site/docs/public-api/interfaces/WidgetConfigurationScreenProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WidgetConfigurationScreenProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WidgetConfigurationScreenProps",title:"Interface: WidgetConfigurationScreenProps",sidebar_label:"WidgetConfigurationScreenProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"Widget",permalink:"/react-native-android-widget/docs/public-api/interfaces/Widget"},next:{title:"WidgetInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"}},d={},p=[{value:"Properties",id:"properties",level:2},{value:"widgetInfo",id:"widgetinfo",level:3},{value:"renderWidget",id:"renderwidget",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"setResult",id:"setresult",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5}],c={toc:p};function s(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"widgetinfo"},"widgetInfo"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"widgetInfo"),": ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},(0,i.kt)("inlineCode",{parentName:"a"},"WidgetInfo"))),(0,i.kt)("p",null,"Information about the widget being configured."),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"renderwidget"},"renderWidget"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"renderWidget"),": (",(0,i.kt)("inlineCode",{parentName:"p"},"widgetComponent"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"Element"),") => ",(0,i.kt)("inlineCode",{parentName:"p"},"void")),(0,i.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,i.kt)("p",null,"\u25b8 (",(0,i.kt)("inlineCode",{parentName:"p"},"widgetComponent"),"): ",(0,i.kt)("inlineCode",{parentName:"p"},"void")),(0,i.kt)("p",null,"Function that can be called with the Widget JSX to render"),(0,i.kt)("h5",{id:"parameters"},"Parameters"),(0,i.kt)("table",null,(0,i.kt)("thead",{parentName:"table"},(0,i.kt)("tr",{parentName:"thead"},(0,i.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,i.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,i.kt)("tbody",{parentName:"table"},(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"widgetComponent")),(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"Element"))))),(0,i.kt)("h5",{id:"returns"},"Returns"),(0,i.kt)("p",null,(0,i.kt)("inlineCode",{parentName:"p"},"void")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"setresult"},"setResult"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"setResult"),": (",(0,i.kt)("inlineCode",{parentName:"p"},"result"),": ",(0,i.kt)("inlineCode",{parentName:"p"},'"ok"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"cancel"'),") => ",(0,i.kt)("inlineCode",{parentName:"p"},"void")),(0,i.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,i.kt)("p",null,"\u25b8 (",(0,i.kt)("inlineCode",{parentName:"p"},"result"),"): ",(0,i.kt)("inlineCode",{parentName:"p"},"void")),(0,i.kt)("p",null,"This must be called after finishing with configuration.\n'ok' means the widget is configured and can be added,\n'cancel' means the configuration process is canceled and the widget will be removed if this is the first time configuring it"),(0,i.kt)("h5",{id:"parameters-1"},"Parameters"),(0,i.kt)("table",null,(0,i.kt)("thead",{parentName:"table"},(0,i.kt)("tr",{parentName:"thead"},(0,i.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,i.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,i.kt)("tbody",{parentName:"table"},(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"result")),(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},'"ok"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"td"},'"cancel"'))))),(0,i.kt)("h5",{id:"returns-1"},"Returns"),(0,i.kt)("p",null,(0,i.kt)("inlineCode",{parentName:"p"},"void")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/334fbae1.8f27ce28.js b/assets/js/334fbae1.8f27ce28.js new file mode 100644 index 0000000..df53cc6 --- /dev/null +++ b/assets/js/334fbae1.8f27ce28.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6998],{3532:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>s,default:()=>h,frontMatter:()=>d,metadata:()=>c,toc:()=>o});var n=i(5893),r=i(1151);const d={id:"WidgetConfigurationScreenProps",title:"Interface: WidgetConfigurationScreenProps",sidebar_label:"WidgetConfigurationScreenProps",sidebar_position:0,custom_edit_url:null},s=void 0,c={id:"public-api/interfaces/WidgetConfigurationScreenProps",title:"Interface: WidgetConfigurationScreenProps",description:"Properties",source:"@site/docs/public-api/interfaces/WidgetConfigurationScreenProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WidgetConfigurationScreenProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WidgetConfigurationScreenProps",title:"Interface: WidgetConfigurationScreenProps",sidebar_label:"WidgetConfigurationScreenProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"Widget",permalink:"/react-native-android-widget/docs/public-api/interfaces/Widget"},next:{title:"WidgetInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"}},l={},o=[{value:"Properties",id:"properties",level:2},{value:"widgetInfo",id:"widgetinfo",level:3},{value:"renderWidget",id:"renderwidget",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"setResult",id:"setresult",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5}];function a(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",h5:"h5",hr:"hr",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsx)(t.h3,{id:"widgetinfo",children:"widgetInfo"}),"\n",(0,n.jsxs)(t.p,{children:["\u2022 ",(0,n.jsx)(t.strong,{children:"widgetInfo"}),": ",(0,n.jsx)(t.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",children:(0,n.jsx)(t.code,{children:"WidgetInfo"})})]}),"\n",(0,n.jsx)(t.p,{children:"Information about the widget being configured."}),"\n",(0,n.jsx)(t.hr,{}),"\n",(0,n.jsx)(t.h3,{id:"renderwidget",children:"renderWidget"}),"\n",(0,n.jsxs)(t.p,{children:["\u2022 ",(0,n.jsx)(t.strong,{children:"renderWidget"}),": (",(0,n.jsx)(t.code,{children:"widgetComponent"}),": ",(0,n.jsx)(t.code,{children:"Element"}),") => ",(0,n.jsx)(t.code,{children:"void"})]}),"\n",(0,n.jsx)(t.p,{children:"Function that can be called with the Widget JSX to render"}),"\n",(0,n.jsx)(t.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,n.jsxs)(t.p,{children:["\u25b8 (",(0,n.jsx)(t.code,{children:"widgetComponent"}),"): ",(0,n.jsx)(t.code,{children:"void"})]}),"\n",(0,n.jsx)(t.p,{children:"Function that can be called with the Widget JSX to render"}),"\n",(0,n.jsx)(t.h5,{id:"parameters",children:"Parameters"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Name"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,n.jsx)(t.tbody,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"widgetComponent"})}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"Element"})})]})})]}),"\n",(0,n.jsx)(t.h5,{id:"returns",children:"Returns"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.code,{children:"void"})}),"\n",(0,n.jsx)(t.hr,{}),"\n",(0,n.jsx)(t.h3,{id:"setresult",children:"setResult"}),"\n",(0,n.jsxs)(t.p,{children:["\u2022 ",(0,n.jsx)(t.strong,{children:"setResult"}),": (",(0,n.jsx)(t.code,{children:"result"}),": ",(0,n.jsx)(t.code,{children:'"ok"'})," | ",(0,n.jsx)(t.code,{children:'"cancel"'}),") => ",(0,n.jsx)(t.code,{children:"void"})]}),"\n",(0,n.jsx)(t.p,{children:"This must be called after finishing with configuration.\n'ok' means the widget is configured and can be added,\n'cancel' means the configuration process is canceled and the widget will be removed if this is the first time configuring it"}),"\n",(0,n.jsx)(t.h4,{id:"type-declaration-1",children:"Type declaration"}),"\n",(0,n.jsxs)(t.p,{children:["\u25b8 (",(0,n.jsx)(t.code,{children:"result"}),"): ",(0,n.jsx)(t.code,{children:"void"})]}),"\n",(0,n.jsx)(t.p,{children:"This must be called after finishing with configuration.\n'ok' means the widget is configured and can be added,\n'cancel' means the configuration process is canceled and the widget will be removed if this is the first time configuring it"}),"\n",(0,n.jsx)(t.h5,{id:"parameters-1",children:"Parameters"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Name"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,n.jsx)(t.tbody,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"result"})}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:[(0,n.jsx)(t.code,{children:'"ok"'})," | ",(0,n.jsx)(t.code,{children:'"cancel"'})]})]})})]}),"\n",(0,n.jsx)(t.h5,{id:"returns-1",children:"Returns"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.code,{children:"void"})})]})}function h(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},1151:(e,t,i)=>{i.d(t,{Z:()=>c,a:()=>s});var n=i(7294);const r={},d=n.createContext(r);function s(e){const t=n.useContext(d);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),n.createElement(d.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/3666eb9e.0a1700d1.js b/assets/js/3666eb9e.0a1700d1.js deleted file mode 100644 index cbd916b..0000000 --- a/assets/js/3666eb9e.0a1700d1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[4483],{3905:(e,t,r)=>{r.d(t,{Zo:()=>l,kt:()=>g});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t =0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var d=n.createContext({}),p=function(e){var t=n.useContext(d),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},l=function(e){var t=p(e.components);return n.createElement(d.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,a=e.originalType,d=e.parentName,l=c(e,["components","mdxType","originalType","parentName"]),u=p(r),g=i,v=u["".concat(d,".").concat(g)]||u[g]||s[g]||a;return r?n.createElement(v,o(o({ref:t},l),{},{components:r})):n.createElement(v,o({ref:t},l))}));function g(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=r.length,o=new Array(a);o[0]=u;var c={};for(var d in t)hasOwnProperty.call(t,d)&&(c[d]=t[d]);c.originalType=e,c.mdxType="string"==typeof e?e:i,o[1]=c;for(var p=2;p{r.r(t),r.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>s,frontMatter:()=>a,metadata:()=>c,toc:()=>p});var n=r(7462),i=(r(7294),r(3905));const a={sidebar_position:1},o="WidgetPreview",c={unversionedId:"api/widget-preview",id:"api/widget-preview",title:"WidgetPreview",description:"react-native-android-widget exports a WidgetPreview component that can be used to preview a widget in any screen in our React Native application.",source:"@site/docs/api/widget-preview.md",sourceDirName:"api",slug:"/api/widget-preview",permalink:"/react-native-android-widget/docs/api/widget-preview",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/api/widget-preview.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"default",previous:{title:"Congratulations!",permalink:"/react-native-android-widget/docs/tutorial/congratulations"},next:{title:"registerWidgetTaskHandler",permalink:"/react-native-android-widget/docs/api/register-widget-task-handler"}},d={},p=[{value:"Usage",id:"usage",level:2},{value:"Types",id:"types",level:2}],l={toc:p};function s(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"widgetpreview"},"WidgetPreview"),(0,i.kt)("p",null,(0,i.kt)("inlineCode",{parentName:"p"},"react-native-android-widget")," exports a ",(0,i.kt)("inlineCode",{parentName:"p"},"WidgetPreview")," component that can be used to preview a widget in any screen in our React Native application."),(0,i.kt)("h2",{id:"usage"},"Usage"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx",metastring:'title="HelloWidgetPreviewScreen.tsx"',title:'"HelloWidgetPreviewScreen.tsx"'},"import * as React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { WidgetPreview } from 'react-native-android-widget';\n\nimport { HelloWidget } from './HelloWidget';\n\nexport function HelloWidgetPreviewScreen() {\n return (\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n")),(0,i.kt)("h2",{id:"types"},"Types"),(0,i.kt)("p",null,"Check the types in the ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps"},"Public API")," documentation"))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/3666eb9e.78798a89.js b/assets/js/3666eb9e.78798a89.js new file mode 100644 index 0000000..3889eac --- /dev/null +++ b/assets/js/3666eb9e.78798a89.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[4483],{3467:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>s,contentTitle:()=>d,default:()=>p,frontMatter:()=>a,metadata:()=>o,toc:()=>c});var n=i(5893),r=i(1151);const a={sidebar_position:1},d="WidgetPreview",o={id:"api/widget-preview",title:"WidgetPreview",description:"react-native-android-widget exports a WidgetPreview component that can be used to preview a widget in any screen in our React Native application.",source:"@site/docs/api/widget-preview.md",sourceDirName:"api",slug:"/api/widget-preview",permalink:"/react-native-android-widget/docs/api/widget-preview",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/api/widget-preview.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"default",previous:{title:"Congratulations!",permalink:"/react-native-android-widget/docs/tutorial/congratulations"},next:{title:"registerWidgetTaskHandler",permalink:"/react-native-android-widget/docs/api/register-widget-task-handler"}},s={},c=[{value:"Usage",id:"usage",level:2},{value:"Types",id:"types",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"widgetpreview",children:"WidgetPreview"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.code,{children:"react-native-android-widget"})," exports a ",(0,n.jsx)(t.code,{children:"WidgetPreview"})," component that can be used to preview a widget in any screen in our React Native application."]}),"\n",(0,n.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-jsx",metastring:'title="HelloWidgetPreviewScreen.tsx"',children:"import * as React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { WidgetPreview } from 'react-native-android-widget';\n\nimport { HelloWidget } from './HelloWidget';\n\nexport function HelloWidgetPreviewScreen() {\n return (\n}\n width={320}\n height={200}\n />\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n"})}),"\n",(0,n.jsx)(t.h2,{id:"types",children:"Types"}),"\n",(0,n.jsxs)(t.p,{children:["Check the types in the ",(0,n.jsx)(t.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps",children:"Public API"})," documentation"]})]})}function p(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1151:(e,t,i)=>{i.d(t,{Z:()=>o,a:()=>d});var n=i(7294);const r={},a=n.createContext(r);function d(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/399d2a39.616fc433.js b/assets/js/399d2a39.616fc433.js new file mode 100644 index 0000000..afb6ca8 --- /dev/null +++ b/assets/js/399d2a39.616fc433.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6573],{6455:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>c,contentTitle:()=>a,default:()=>g,frontMatter:()=>o,metadata:()=>r,toc:()=>l});var t=n(5893),d=n(1151);const o={sidebar_position:6},a="Make Widget configurable (Optional)",r={id:"tutorial/make-widget-configurable",title:"Make Widget configurable (Optional)",description:"In order to some of the widgets configurable, we need to create a widget configuration activity.",source:"@site/docs/tutorial/make-widget-configurable.md",sourceDirName:"tutorial",slug:"/tutorial/make-widget-configurable",permalink:"/react-native-android-widget/docs/tutorial/make-widget-configurable",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/make-widget-configurable.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6},sidebar:"default",previous:{title:"Register widget in Expo",permalink:"/react-native-android-widget/docs/tutorial/register-widget-expo"},next:{title:"Try it out",permalink:"/react-native-android-widget/docs/tutorial/try-it-our"}},c={},l=[{value:"Add a widget configuration activity class",id:"add-a-widget-configuration-activity-class",level:2},{value:"Update the widget provider xml file for the widget",id:"update-the-widget-provider-xml-file-for-the-widget",level:2},{value:"Add widget configuration activity in AndroidManifest.xml",id:"add-widget-configuration-activity-in-androidmanifestxml",level:2},{value:"Make Widget configurable in Expo using config plugin",id:"make-widget-configurable-in-expo-using-config-plugin",level:2},{value:"Create the Widget Configuration Screen",id:"create-the-widget-configuration-screen",level:2}];function s(e){const i={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...(0,d.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.h1,{id:"make-widget-configurable-optional",children:"Make Widget configurable (Optional)"}),"\n",(0,t.jsx)(i.p,{children:"In order to some of the widgets configurable, we need to create a widget configuration activity."}),"\n",(0,t.jsxs)(i.admonition,{title:"Note",type:"info",children:[(0,t.jsxs)(i.p,{children:[(0,t.jsx)(i.code,{children:"WIDGET_ADDED"})," event will be fired as soon as the widget is added on the home screen, regardless of whether it is configurable or not. We will need to have a fallback configuration."]}),(0,t.jsxs)(i.p,{children:["If the configuration is cancelled when adding the widget, ",(0,t.jsx)(i.code,{children:"WIDGET_DELETED"})," will be fired."]})]}),"\n",(0,t.jsx)(i.h2,{id:"add-a-widget-configuration-activity-class",children:"Add a widget configuration activity class"}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{className:"language-java",metastring:'title="android/app/src/main/java/com/yourapppackage/WidgetConfigurationActivity.java"',children:"package com.yourapppackage;\n\nimport com.reactnativeandroidwidget.RNWidgetConfigurationActivity;\n\npublic class WidgetConfigurationActivity extends RNWidgetConfigurationActivity {\n}\n"})}),"\n",(0,t.jsx)(i.h2,{id:"update-the-widget-provider-xml-file-for-the-widget",children:"Update the widget provider xml file for the widget"}),"\n",(0,t.jsxs)(i.p,{children:["In the widget provider we created, add ",(0,t.jsx)(i.code,{children:"configure"})," and ",(0,t.jsx)(i.code,{children:"widgetFeatures"})," properties."]}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{className:"language-xml",metastring:'title="android/app/src/main/res/xml/widgetprovider_hello.xml"',children:'\n}\n width={320}\n height={200}\n />\n \n \n'})}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"android:configure"})," should reference the configuration activity we created"]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"android:widgetFeatures"})," can be ",(0,t.jsx)(i.code,{children:"reconfigurable"})," or ",(0,t.jsx)(i.code,{children:"reconfigurable|configuration_optional"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"reconfigurable"})," means that the widget will be configurable and the configuration activity will open as soon as the widget is added to the home screen. Its configuration can also be changed later by long-pressing the widget."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"reconfigurable|configuration_optional"})," means that the widget configuration can only be changed by long-pressing the widget, and the configuration activity will not open when the widget is added"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"add-widget-configuration-activity-in-androidmanifestxml",children:"Add widget configuration activity in AndroidManifest.xml"}),"\n",(0,t.jsxs)(i.p,{children:["Finally, we need to add the widget configuration activity in ",(0,t.jsx)(i.code,{children:"AndroidManifest.xml"})]}),"\n",(0,t.jsxs)(i.p,{children:["In ",(0,t.jsx)(i.code,{children:"AndroidManifest.xml"}),", add a activity"]}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{className:"language-xml",metastring:'title="android/app/src/main/AndroidManifest.xml"',children:'\n ...\n \n'})}),"\n",(0,t.jsx)(i.p,{children:"For the activity"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"android:name"})," myst be ",(0,t.jsx)(i.code,{children:".WidgetConfigurationActivity"})," (same as the Java class extending ",(0,t.jsx)(i.code,{children:"RNWidgetConfigurationActivity"}),")"]}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"make-widget-configurable-in-expo-using-config-plugin",children:"Make Widget configurable in Expo using config plugin"}),"\n",(0,t.jsxs)(i.p,{children:["If using Expo, the configuration is much simpler. We will only need to set the ",(0,t.jsx)(i.code,{children:"widgetFeatures"})," property in the config plugin to ",(0,t.jsx)(i.code,{children:"reconfigurable"})," or ",(0,t.jsx)(i.code,{children:"reconfigurable|configuration_optional"}),"."]}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{className:"language-js",metastring:'title="app.config.ts"',children:"import type { ConfigContext, ExpoConfig } from 'expo/config';\nimport type { WithAndroidWidgetsParams } from 'react-native-android-widget';\n\nconst widgetConfig: WithAndroidWidgetsParams = {\n widgets: [\n {\n name: 'Hello',\n label: 'My Hello Widget',\n minWidth: '320dp',\n minHeight: '120dp',\n description: 'This is my first widget',\n previewImage: './assets/widget-preview/hello.png',\n updatePeriodMillis: 1800000,\n\n // This\n widgetFeatures: 'reconfigurable',\n },\n ],\n};\n\nexport default ({ config }: ConfigContext): ExpoConfig => ({\n ...config,\n name: 'My Expo App Name',\n plugins: [['react-native-android-widget', widgetConfig]],\n});\n"})}),"\n",(0,t.jsx)(i.h2,{id:"create-the-widget-configuration-screen",children:"Create the Widget Configuration Screen"}),"\n",(0,t.jsxs)(i.p,{children:["For the UI of the Widget Configuration Screen in both bare React Native and Expo, see the ",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/api/register-widget-configuration-screen",children:(0,t.jsx)(i.code,{children:"registerWidgetConfigurationScreen"})})]})]})}function g(e={}){const{wrapper:i}={...(0,d.a)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(s,{...e})}):s(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>r,a:()=>a});var t=n(7294);const d={},o=t.createContext(d);function a(e){const i=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function r(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:a(e.components),t.createElement(o.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/399d2a39.b5ef2174.js b/assets/js/399d2a39.b5ef2174.js deleted file mode 100644 index 17f2ce4..0000000 --- a/assets/js/399d2a39.b5ef2174.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6573],{3905:(e,t,i)=>{i.d(t,{Zo:()=>g,kt:()=>s});var n=i(7294);function a(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function r(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function o(e){for(var t=1;t\n\n \n\n \n\n\n \n\n \n\n =0||(a[i]=e[i]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,i)&&(a[i]=e[i])}return a}var l=n.createContext({}),c=function(e){var t=n.useContext(l),i=t;return e&&(i="function"==typeof e?e(t):o(o({},t),e)),i},g=function(e){var t=c(e.components);return n.createElement(l.Provider,{value:t},e.children)},p={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var i=e.components,a=e.mdxType,r=e.originalType,l=e.parentName,g=d(e,["components","mdxType","originalType","parentName"]),u=c(i),s=a,f=u["".concat(l,".").concat(s)]||u[s]||p[s]||r;return i?n.createElement(f,o(o({ref:t},g),{},{components:i})):n.createElement(f,o({ref:t},g))}));function s(e,t){var i=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=i.length,o=new Array(r);o[0]=u;var d={};for(var l in t)hasOwnProperty.call(t,l)&&(d[l]=t[l]);d.originalType=e,d.mdxType="string"==typeof e?e:a,o[1]=d;for(var c=2;c {i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>c});var n=i(7462),a=(i(7294),i(3905));const r={sidebar_position:6},o="Make Widget configurable (Optional)",d={unversionedId:"tutorial/make-widget-configurable",id:"tutorial/make-widget-configurable",title:"Make Widget configurable (Optional)",description:"In order to some of the widgets configurable, we need to create a widget configuration activity.",source:"@site/docs/tutorial/make-widget-configurable.md",sourceDirName:"tutorial",slug:"/tutorial/make-widget-configurable",permalink:"/react-native-android-widget/docs/tutorial/make-widget-configurable",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/make-widget-configurable.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6},sidebar:"default",previous:{title:"Register widget in Expo",permalink:"/react-native-android-widget/docs/tutorial/register-widget-expo"},next:{title:"Try it out",permalink:"/react-native-android-widget/docs/tutorial/try-it-our"}},l={},c=[{value:"Add a widget configuration activity class",id:"add-a-widget-configuration-activity-class",level:2},{value:"Update the widget provider xml file for the widget",id:"update-the-widget-provider-xml-file-for-the-widget",level:2},{value:"Add widget configuration activity in AndroidManifest.xml",id:"add-widget-configuration-activity-in-androidmanifestxml",level:2},{value:"Make Widget configurable in Expo using config plugin",id:"make-widget-configurable-in-expo-using-config-plugin",level:2},{value:"Create the Widget Configuration Screen",id:"create-the-widget-configuration-screen",level:2}],g={toc:c};function p(e){let{components:t,...i}=e;return(0,a.kt)("wrapper",(0,n.Z)({},g,i,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"make-widget-configurable-optional"},"Make Widget configurable (Optional)"),(0,a.kt)("p",null,"In order to some of the widgets configurable, we need to create a widget configuration activity."),(0,a.kt)("admonition",{title:"Note",type:"info"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("inlineCode",{parentName:"p"},"WIDGET_ADDED")," event will be fired as soon as the widget is added on the home screen, regardless of whether it is configurable or not. We will need to have a fallback configuration."),(0,a.kt)("p",{parentName:"admonition"},"If the configuration is cancelled when adding the widget, ",(0,a.kt)("inlineCode",{parentName:"p"},"WIDGET_DELETED")," will be fired.")),(0,a.kt)("h2",{id:"add-a-widget-configuration-activity-class"},"Add a widget configuration activity class"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-java",metastring:'title="android/app/src/main/java/com/yourapppackage/WidgetConfigurationActivity.java"',title:'"android/app/src/main/java/com/yourapppackage/WidgetConfigurationActivity.java"'},"package com.yourapppackage;\n\nimport com.reactnativeandroidwidget.RNWidgetConfigurationActivity;\n\npublic class WidgetConfigurationActivity extends RNWidgetConfigurationActivity {\n}\n")),(0,a.kt)("h2",{id:"update-the-widget-provider-xml-file-for-the-widget"},"Update the widget provider xml file for the widget"),(0,a.kt)("p",null,"In the widget provider we created, add ",(0,a.kt)("inlineCode",{parentName:"p"},"configure")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"widgetFeatures")," properties."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-xml",metastring:'title="android/app/src/main/res/xml/widgetprovider_hello.xml"',title:'"android/app/src/main/res/xml/widgetprovider_hello.xml"'},'\n \n \n')),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("inlineCode",{parentName:"li"},"android:configure")," should reference the configuration activity we created"),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("inlineCode",{parentName:"li"},"android:widgetFeatures")," can be ",(0,a.kt)("inlineCode",{parentName:"li"},"reconfigurable")," or ",(0,a.kt)("inlineCode",{parentName:"li"},"reconfigurable|configuration_optional"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("inlineCode",{parentName:"li"},"reconfigurable")," means that the widget will be configurable and the configuration activity will open as soon as the widget is added to the home screen. Its configuration can also be changed later by long-pressing the widget."),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("inlineCode",{parentName:"li"},"reconfigurable|configuration_optional")," means that the widget configuration can only be changed by long-pressing the widget, and the configuration activity will not open when the widget is added")))),(0,a.kt)("h2",{id:"add-widget-configuration-activity-in-androidmanifestxml"},"Add widget configuration activity in AndroidManifest.xml"),(0,a.kt)("p",null,"Finally, we need to add the widget configuration activity in ",(0,a.kt)("inlineCode",{parentName:"p"},"AndroidManifest.xml")),(0,a.kt)("p",null,"In ",(0,a.kt)("inlineCode",{parentName:"p"},"AndroidManifest.xml"),", add a activity"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-xml",metastring:'title="android/app/src/main/AndroidManifest.xml"',title:'"android/app/src/main/AndroidManifest.xml"'},'\n ...\n \n')),(0,a.kt)("p",null,"For the activity"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("inlineCode",{parentName:"li"},"android:name")," myst be ",(0,a.kt)("inlineCode",{parentName:"li"},".WidgetConfigurationActivity")," (same as the Java class extending ",(0,a.kt)("inlineCode",{parentName:"li"},"RNWidgetConfigurationActivity"),")")),(0,a.kt)("h2",{id:"make-widget-configurable-in-expo-using-config-plugin"},"Make Widget configurable in Expo using config plugin"),(0,a.kt)("p",null,"If using Expo, the configuration is much simpler. We will only need to set the ",(0,a.kt)("inlineCode",{parentName:"p"},"widgetFeatures")," property in the config plugin to ",(0,a.kt)("inlineCode",{parentName:"p"},"reconfigurable")," or ",(0,a.kt)("inlineCode",{parentName:"p"},"reconfigurable|configuration_optional"),"."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="app.config.ts"',title:'"app.config.ts"'},"import type { ConfigContext, ExpoConfig } from 'expo/config';\nimport type { WithAndroidWidgetsParams } from 'react-native-android-widget';\n\nconst widgetConfig: WithAndroidWidgetsParams = {\n widgets: [\n {\n name: 'Hello',\n label: 'My Hello Widget',\n minWidth: '320dp',\n minHeight: '120dp',\n description: 'This is my first widget',\n previewImage: './assets/widget-preview/hello.png',\n updatePeriodMillis: 1800000,\n\n // This\n widgetFeatures: 'reconfigurable',\n },\n ],\n};\n\nexport default ({ config }: ConfigContext): ExpoConfig => ({\n ...config,\n name: 'My Expo App Name',\n plugins: [['react-native-android-widget', widgetConfig]],\n});\n")),(0,a.kt)("h2",{id:"create-the-widget-configuration-screen"},"Create the Widget Configuration Screen"),(0,a.kt)("p",null,"For the UI of the Widget Configuration Screen in both bare React Native and Expo, see the ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/api/register-widget-configuration-screen"},(0,a.kt)("inlineCode",{parentName:"a"},"registerWidgetConfigurationScreen"))))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/3a45f1c7.31188328.js b/assets/js/3a45f1c7.31188328.js new file mode 100644 index 0000000..136a1ac --- /dev/null +++ b/assets/js/3a45f1c7.31188328.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9239],{108:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>r,contentTitle:()=>s,default:()=>h,frontMatter:()=>d,metadata:()=>a,toc:()=>l});var c=i(5893),t=i(1151);const d={sidebar_position:5,sidebar_label:"Handling Clicks"},s="Handling Clicks",a={id:"handling-clicks",title:"Handling Clicks",description:"All widget primitives can be clicked, and execute some code.",source:"@site/docs/handling-clicks.md",sourceDirName:".",slug:"/handling-clicks",permalink:"/react-native-android-widget/docs/handling-clicks",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/handling-clicks.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_label:"Handling Clicks"},sidebar:"default",previous:{title:"Update Widget",permalink:"/react-native-android-widget/docs/update-widget"},next:{title:"Demo",permalink:"/react-native-android-widget/docs/demo"}},r={},l=[{value:"Special cases",id:"special-cases",level:2},{value:"Demo",id:"demo",level:2}];function o(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(n.h1,{id:"handling-clicks",children:"Handling Clicks"}),"\n",(0,c.jsxs)(n.p,{children:["All widget ",(0,c.jsx)(n.a,{href:"./primitives/index",children:"primitives"})," can be clicked, and execute some code."]}),"\n",(0,c.jsxs)(n.p,{children:["To add a click action to ",(0,c.jsx)(n.code,{children:"FlexWidget"}),", we need to pass a ",(0,c.jsx)(n.code,{children:"clickAction"})," prop, and an optional ",(0,c.jsx)(n.code,{children:"clickActionData"})," prop. ",(0,c.jsx)(n.code,{children:"clickActionData"})," can be used to add additional data that we need."]}),"\n",(0,c.jsx)(n.pre,{children:(0,c.jsx)(n.code,{className:"language-tsx",children:"import { FlexWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n\n\n \n\n \n\n\n \n\n \n\n \n ...\n \n );\n}\n"})}),"\n",(0,c.jsxs)(n.p,{children:["Inside our ",(0,c.jsx)(n.a,{href:"/react-native-android-widget/docs/api/register-widget-task-handler",children:"registerWidgetTaskHandler"})," handler we can check for the ",(0,c.jsx)(n.code,{children:"widgetAction"}),", and if the ",(0,c.jsx)(n.code,{children:"widgetAction"})," is ",(0,c.jsx)(n.code,{children:"WIDGET_CLICK"}),", ",(0,c.jsx)(n.code,{children:"props.clickAction"})," will be the ",(0,c.jsx)(n.code,{children:"clickAction"})," we set to the View."]}),"\n",(0,c.jsx)(n.pre,{children:(0,c.jsx)(n.code,{className:"language-ts",children:"export async function widgetTaskHandler(props: WidgetTaskHandlerProps) {\n switch (props.widgetAction) {\n case 'WIDGET_ADDED':\n // ...;\n break;\n\n case 'WIDGET_UPDATE':\n // ...;\n break;\n\n case 'WIDGET_RESIZED':\n // ...;\n break;\n\n case 'WIDGET_DELETED':\n // ...;\n break;\n\n case 'WIDGET_CLICK':\n if (props.clickAction === 'MY_ACTION') {\n // Do stuff when primitive with `clickAction=\"MY_ACTION\"` is clicked\n // props.clickActionData === { id: 0 }\n }\n break;\n\n default:\n break;\n }\n}\n"})}),"\n",(0,c.jsx)(n.h2,{id:"special-cases",children:"Special cases"}),"\n",(0,c.jsxs)(n.p,{children:["There are a few special values for ",(0,c.jsx)(n.code,{children:"clickAction"})," that will not emit the action,\nbut will execute the action in the background."]}),"\n",(0,c.jsx)(n.p,{children:"Those are:"}),"\n",(0,c.jsxs)(n.ul,{children:["\n",(0,c.jsxs)(n.li,{children:["\n",(0,c.jsx)(n.p,{children:(0,c.jsx)(n.code,{children:'"OPEN_APP"'})}),"\n",(0,c.jsxs)(n.p,{children:["This ",(0,c.jsx)(n.code,{children:"clickAction"})," does not required ",(0,c.jsx)(n.code,{children:"clickActionData"}),", and if set on a section of\nthe widget it will open the application when clicked"]}),"\n"]}),"\n",(0,c.jsxs)(n.li,{children:["\n",(0,c.jsx)(n.p,{children:(0,c.jsx)(n.code,{children:'"OPEN_URI"'})}),"\n",(0,c.jsxs)(n.p,{children:["This ",(0,c.jsx)(n.code,{children:"clickAction"})," requires a ",(0,c.jsx)(n.code,{children:"clickActionData"})," that contains ",(0,c.jsx)(n.code,{children:"{ uri: 'some-uri' }"}),".\nThe ",(0,c.jsx)(n.code,{children:"uri"})," can be a web uri (",(0,c.jsx)(n.code,{children:"https://google.com"}),"), or an app deep link (",(0,c.jsx)(n.code,{children:"androidwidgetexample://deep-link"}),")"]}),"\n",(0,c.jsx)(n.p,{children:"For the deep link to open a screen in the app deep linking must be set up using:"}),"\n",(0,c.jsxs)(n.ul,{children:["\n",(0,c.jsx)(n.li,{children:(0,c.jsx)(n.a,{href:"https://reactnative.dev/docs/linking",children:"Linking"})}),"\n",(0,c.jsx)(n.li,{children:(0,c.jsx)(n.a,{href:"https://docs.expo.dev/guides/linking/",children:"Expo Linking"})}),"\n",(0,c.jsx)(n.li,{children:(0,c.jsx)(n.a,{href:"https://expo.github.io/router/docs/features/linking",children:"Expo Router"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,c.jsx)(n.h2,{id:"demo",children:"Demo"}),"\n",(0,c.jsxs)(n.p,{children:["All click action types are presend in the ",(0,c.jsx)(n.a,{href:"/react-native-android-widget/docs/demo#click-demo-widget-preview",children:"Click Demo"})," widget in the demo app."]})]})}function h(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,c.jsx)(n,{...e,children:(0,c.jsx)(o,{...e})}):o(e)}},1151:(e,n,i)=>{i.d(n,{Z:()=>a,a:()=>s});var c=i(7294);const t={},d=c.createContext(t);function s(e){const n=c.useContext(d);return c.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:s(e.components),c.createElement(d.Provider,{value:n},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/3a45f1c7.3551f181.js b/assets/js/3a45f1c7.3551f181.js deleted file mode 100644 index 75d746d..0000000 --- a/assets/js/3a45f1c7.3551f181.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9239],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>u});var i=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function o(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=i.createContext({}),p=function(e){var t=i.useContext(c),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},d=function(e){var t=p(e.components);return i.createElement(c.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},k=i.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,c=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),k=p(n),u=a,m=k["".concat(c,".").concat(u)]||k[u]||s[u]||r;return n?i.createElement(m,o(o({ref:t},d),{},{components:n})):i.createElement(m,o({ref:t},d))}));function u(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,o=new Array(r);o[0]=k;var l={};for(var c in t)hasOwnProperty.call(t,c)&&(l[c]=t[c]);l.originalType=e,l.mdxType="string"==typeof e?e:a,o[1]=l;for(var p=2;p {n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>s,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var i=n(7462),a=(n(7294),n(3905));const r={sidebar_position:5,sidebar_label:"Handling Clicks"},o="Handling Clicks",l={unversionedId:"handling-clicks",id:"handling-clicks",title:"Handling Clicks",description:"All widget primitives can be clicked, and execute some code.",source:"@site/docs/handling-clicks.md",sourceDirName:".",slug:"/handling-clicks",permalink:"/react-native-android-widget/docs/handling-clicks",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/handling-clicks.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_label:"Handling Clicks"},sidebar:"default",previous:{title:"Update Widget",permalink:"/react-native-android-widget/docs/update-widget"},next:{title:"Demo",permalink:"/react-native-android-widget/docs/demo"}},c={},p=[{value:"Special cases",id:"special-cases",level:2},{value:"Demo",id:"demo",level:2}],d={toc:p};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,i.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"handling-clicks"},"Handling Clicks"),(0,a.kt)("p",null,"All widget ",(0,a.kt)("a",{parentName:"p",href:"./primitives/index"},"primitives")," can be clicked, and execute some code."),(0,a.kt)("p",null,"To add a click action to ",(0,a.kt)("inlineCode",{parentName:"p"},"FlexWidget"),", we need to pass a ",(0,a.kt)("inlineCode",{parentName:"p"},"clickAction")," prop, and an optional ",(0,a.kt)("inlineCode",{parentName:"p"},"clickActionData")," prop. ",(0,a.kt)("inlineCode",{parentName:"p"},"clickActionData")," can be used to add additional data that we need."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-tsx"},"import { FlexWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n \n ...\n \n );\n}\n")),(0,a.kt)("p",null,"Inside our ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/api/register-widget-task-handler"},"registerWidgetTaskHandler")," handler we can check for the ",(0,a.kt)("inlineCode",{parentName:"p"},"widgetAction"),", and if the ",(0,a.kt)("inlineCode",{parentName:"p"},"widgetAction")," is ",(0,a.kt)("inlineCode",{parentName:"p"},"WIDGET_CLICK"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"props.clickAction")," will be the ",(0,a.kt)("inlineCode",{parentName:"p"},"clickAction")," we set to the View."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-ts"},"export async function widgetTaskHandler(props: WidgetTaskHandlerProps) {\n switch (props.widgetAction) {\n case 'WIDGET_ADDED':\n // ...;\n break;\n\n case 'WIDGET_UPDATE':\n // ...;\n break;\n\n case 'WIDGET_RESIZED':\n // ...;\n break;\n\n case 'WIDGET_DELETED':\n // ...;\n break;\n\n case 'WIDGET_CLICK':\n if (props.clickAction === 'MY_ACTION') {\n // Do stuff when primitive with `clickAction=\"MY_ACTION\"` is clicked\n // props.clickActionData === { id: 0 }\n }\n break;\n\n default:\n break;\n }\n}\n")),(0,a.kt)("h2",{id:"special-cases"},"Special cases"),(0,a.kt)("p",null,"There are a few special values for ",(0,a.kt)("inlineCode",{parentName:"p"},"clickAction")," that will not emit the action,\nbut will execute the action in the background."),(0,a.kt)("p",null,"Those are:"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("inlineCode",{parentName:"p"},'"OPEN_APP"')),(0,a.kt)("p",{parentName:"li"},"This ",(0,a.kt)("inlineCode",{parentName:"p"},"clickAction")," does not required ",(0,a.kt)("inlineCode",{parentName:"p"},"clickActionData"),", and if set on a section of\nthe widget it will open the application when clicked")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("inlineCode",{parentName:"p"},'"OPEN_URI"')),(0,a.kt)("p",{parentName:"li"},"This ",(0,a.kt)("inlineCode",{parentName:"p"},"clickAction")," requires a ",(0,a.kt)("inlineCode",{parentName:"p"},"clickActionData")," that contains ",(0,a.kt)("inlineCode",{parentName:"p"},"{ uri: 'some-uri' }"),".\nThe ",(0,a.kt)("inlineCode",{parentName:"p"},"uri")," can be a web uri (",(0,a.kt)("inlineCode",{parentName:"p"},"https://google.com"),"), or an app deep link (",(0,a.kt)("inlineCode",{parentName:"p"},"androidwidgetexample://deep-link"),")"),(0,a.kt)("p",{parentName:"li"},"For the deep link to open a screen in the app deep linking must be set up using:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://reactnative.dev/docs/linking"},"Linking")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://docs.expo.dev/guides/linking/"},"Expo Linking")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://expo.github.io/router/docs/features/linking"},"Expo Router"))))),(0,a.kt)("h2",{id:"demo"},"Demo"),(0,a.kt)("p",null,"All click action types are presend in the ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/demo#click-demo-widget-preview"},"Click Demo")," widget in the demo app."))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/3fa31a86.0941861b.js b/assets/js/3fa31a86.0941861b.js deleted file mode 100644 index e7fd600..0000000 --- a/assets/js/3fa31a86.0941861b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7938],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>g});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var l=n.createContext({}),d=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):a(a({},t),e)),r},c=function(e){var t=d(e.components);return n.createElement(l.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,c=p(e,["components","mdxType","originalType","parentName"]),u=d(r),g=i,v=u["".concat(l,".").concat(g)]||u[g]||s[g]||o;return r?n.createElement(v,a(a({ref:t},c),{},{components:r})):n.createElement(v,a({ref:t},c))}));function g(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=r.length,a=new Array(o);a[0]=u;var p={};for(var l in t)hasOwnProperty.call(t,l)&&(p[l]=t[l]);p.originalType=e,p.mdxType="string"==typeof e?e:i,a[1]=p;for(var d=2;d {r.r(t),r.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>s,frontMatter:()=>o,metadata:()=>p,toc:()=>d});var n=r(7462),i=(r(7294),r(3905));const o={sidebar_position:2},a="OverlapWidget",p={unversionedId:"primitives/overlap-widget",id:"primitives/overlap-widget",title:"OverlapWidget",description:"Widget container that lays out child widgets on on top of the other.",source:"@site/docs/primitives/overlap-widget.md",sourceDirName:"primitives",slug:"/primitives/overlap-widget",permalink:"/react-native-android-widget/docs/primitives/overlap-widget",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/overlap-widget.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"default",previous:{title:"FlexWidget",permalink:"/react-native-android-widget/docs/primitives/flex-widget"},next:{title:"ListWidget",permalink:"/react-native-android-widget/docs/primitives/list-widget"}},l={},d=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2}],c={toc:d};function s(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},c,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"overlapwidget"},"OverlapWidget"),(0,i.kt)("p",null,"Widget container that lays out child widgets on on top of the other."),(0,i.kt)("p",null,"The child widgets can be positioned using margins."),(0,i.kt)("h2",{id:"usage"},"Usage"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-tsx"},"import { OverlapWidget, FlexWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n \n \n );\n}\n")),(0,i.kt)("h2",{id:"props"},"Props"),(0,i.kt)("p",null,"Check the props in the ",(0,i.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/OverlapWidgetProps"},"Public API")," documentation"))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/3fa31a86.ea7fa94f.js b/assets/js/3fa31a86.ea7fa94f.js new file mode 100644 index 0000000..d289efa --- /dev/null +++ b/assets/js/3fa31a86.ea7fa94f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7938],{4416:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>p,frontMatter:()=>o,metadata:()=>s,toc:()=>c});var n=i(5893),r=i(1151);const o={sidebar_position:2},d="OverlapWidget",s={id:"primitives/overlap-widget",title:"OverlapWidget",description:"Widget container that lays out child widgets on on top of the other.",source:"@site/docs/primitives/overlap-widget.md",sourceDirName:"primitives",slug:"/primitives/overlap-widget",permalink:"/react-native-android-widget/docs/primitives/overlap-widget",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/overlap-widget.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"default",previous:{title:"FlexWidget",permalink:"/react-native-android-widget/docs/primitives/flex-widget"},next:{title:"ListWidget",permalink:"/react-native-android-widget/docs/primitives/list-widget"}},a={},c=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"overlapwidget",children:"OverlapWidget"}),"\n",(0,n.jsx)(t.p,{children:"Widget container that lays out child widgets on on top of the other."}),"\n",(0,n.jsx)(t.p,{children:"The child widgets can be positioned using margins."}),"\n",(0,n.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-tsx",children:"import { OverlapWidget, FlexWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n... \n... \n\n \n );\n}\n"})}),"\n",(0,n.jsx)(t.h2,{id:"props",children:"Props"}),"\n",(0,n.jsxs)(t.p,{children:["Check the props in the ",(0,n.jsx)(t.a,{href:"/docs/public-api/interfaces/OverlapWidgetProps",children:"Public API"})," documentation"]})]})}function p(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1151:(e,t,i)=>{i.d(t,{Z:()=>s,a:()=>d});var n=i(7294);const r={},o=n.createContext(r);function d(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/436fd1e4.abb0f073.js b/assets/js/436fd1e4.abb0f073.js deleted file mode 100644 index e5c01aa..0000000 --- a/assets/js/436fd1e4.abb0f073.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[8645],{3905:(e,t,r)=>{r.d(t,{Zo:()=>s,kt:()=>m});var n=r(7294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t... \n... \n=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var o=n.createContext({}),c=function(e){var t=n.useContext(o),r=t;return e&&(r="function"==typeof e?e(t):l(l({},t),e)),r},s=function(e){var t=c(e.components);return n.createElement(o.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,i=e.originalType,o=e.parentName,s=p(e,["components","mdxType","originalType","parentName"]),u=c(r),m=a,v=u["".concat(o,".").concat(m)]||u[m]||d[m]||i;return r?n.createElement(v,l(l({ref:t},s),{},{components:r})):n.createElement(v,l({ref:t},s))}));function m(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=r.length,l=new Array(i);l[0]=u;var p={};for(var o in t)hasOwnProperty.call(t,o)&&(p[o]=t[o]);p.originalType=e,p.mdxType="string"==typeof e?e:a,l[1]=p;for(var c=2;c{r.r(t),r.d(t,{assets:()=>o,contentTitle:()=>l,default:()=>d,frontMatter:()=>i,metadata:()=>p,toc:()=>c});var n=r(7462),a=(r(7294),r(3905));const i={id:"OverlapWidget",title:"Namespace: OverlapWidget",sidebar_label:"OverlapWidget",sidebar_position:0,custom_edit_url:null},l=void 0,p={unversionedId:"public-api/namespaces/OverlapWidget",id:"public-api/namespaces/OverlapWidget",title:"Namespace: OverlapWidget",description:"Variables",source:"@site/docs/public-api/namespaces/OverlapWidget.md",sourceDirName:"public-api/namespaces",slug:"/public-api/namespaces/OverlapWidget",permalink:"/react-native-android-widget/docs/public-api/namespaces/OverlapWidget",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"OverlapWidget",title:"Namespace: OverlapWidget",sidebar_label:"OverlapWidget",sidebar_position:0,custom_edit_url:null}},o={},c=[{value:"Variables",id:"variables",level:2},{value:"__name__",id:"__name__",level:3},{value:"Functions",id:"functions",level:2},{value:"convertProps",id:"convertprops",level:3},{value:"Parameters",id:"parameters",level:4},{value:"Returns",id:"returns",level:4}],s={toc:c};function d(e){let{components:t,...r}=e;return(0,a.kt)("wrapper",(0,n.Z)({},s,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"variables"},"Variables"),(0,a.kt)("h3",{id:"__name__"},"_","_","name","_","_"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"_","_","name","_","_"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"string")),(0,a.kt)("h2",{id:"functions"},"Functions"),(0,a.kt)("h3",{id:"convertprops"},"convertProps"),(0,a.kt)("p",null,"\u25b8 ",(0,a.kt)("strong",{parentName:"p"},"convertProps"),"(",(0,a.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,a.kt)("inlineCode",{parentName:"p"},"OverlapWidgetInternalProps")),(0,a.kt)("h4",{id:"parameters"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps"},(0,a.kt)("inlineCode",{parentName:"a"},"OverlapWidgetProps")))))),(0,a.kt)("h4",{id:"returns"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"OverlapWidgetInternalProps")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/4787fd9f.15fa7793.js b/assets/js/4787fd9f.15fa7793.js new file mode 100644 index 0000000..77893fa --- /dev/null +++ b/assets/js/4787fd9f.15fa7793.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1161],{4767:(e,i,c)=>{c.r(i),c.d(i,{assets:()=>d,contentTitle:()=>s,default:()=>p,frontMatter:()=>r,metadata:()=>o,toc:()=>l});var n=c(5893),t=c(1151);const r={id:"ClickActionProps",title:"Interface: ClickActionProps",sidebar_label:"ClickActionProps",sidebar_position:0,custom_edit_url:null},s=void 0,o={id:"public-api/interfaces/ClickActionProps",title:"Interface: ClickActionProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/ClickActionProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ClickActionProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ClickActionProps",title:"Interface: ClickActionProps",sidebar_label:"ClickActionProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"BorderStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},next:{title:"CommonStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"}},d={},l=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"clickAction",id:"clickaction",level:3},{value:"clickActionData",id:"clickactiondata",level:3}];function a(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsxs)(i.li,{children:["\n",(0,n.jsx)(i.p,{children:(0,n.jsx)(i.strong,{children:(0,n.jsx)(i.code,{children:"ClickActionProps"})})}),"\n",(0,n.jsxs)(i.p,{children:["\u21b3 ",(0,n.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps",children:(0,n.jsx)(i.code,{children:"FlexWidgetProps"})})]}),"\n",(0,n.jsxs)(i.p,{children:["\u21b3 ",(0,n.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps",children:(0,n.jsx)(i.code,{children:"IconWidgetProps"})})]}),"\n",(0,n.jsxs)(i.p,{children:["\u21b3 ",(0,n.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps",children:(0,n.jsx)(i.code,{children:"ImageWidgetProps"})})]}),"\n",(0,n.jsxs)(i.p,{children:["\u21b3 ",(0,n.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps",children:(0,n.jsx)(i.code,{children:"OverlapWidgetProps"})})]}),"\n",(0,n.jsxs)(i.p,{children:["\u21b3 ",(0,n.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps",children:(0,n.jsx)(i.code,{children:"SvgWidgetProps"})})]}),"\n",(0,n.jsxs)(i.p,{children:["\u21b3 ",(0,n.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps",children:(0,n.jsx)(i.code,{children:"TextWidgetProps"})})]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsx)(i.h3,{id:"clickaction",children:"clickAction"}),"\n",(0,n.jsxs)(i.p,{children:["\u2022 ",(0,n.jsx)(i.code,{children:"Optional"})," ",(0,n.jsx)(i.strong,{children:"clickAction"}),": ",(0,n.jsx)(i.code,{children:"string"})]}),"\n",(0,n.jsx)(i.p,{children:"A string that will define an action that will be emited when clicking the widget."}),"\n",(0,n.jsxs)(i.p,{children:["There are a few special values for ",(0,n.jsx)(i.code,{children:"clickAction"})," that will not emit the action,\nbut will execute the action in the background."]}),"\n",(0,n.jsx)(i.p,{children:"Those are:"}),"\n",(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsxs)(i.li,{children:[(0,n.jsx)(i.code,{children:'"OPEN_APP"'})," - This ",(0,n.jsx)(i.code,{children:"clickAction"})," does not require ",(0,n.jsx)(i.code,{children:"clickActionData"}),", and if set on a section of\nthe widget it will open the application when clicked"]}),"\n",(0,n.jsxs)(i.li,{children:[(0,n.jsx)(i.code,{children:'"OPEN_URI"'})," - This ",(0,n.jsx)(i.code,{children:"clickAction"})," requires a ",(0,n.jsx)(i.code,{children:"clickActionData"})," that contains ",(0,n.jsx)(i.code,{children:"{ uri: 'some-uri' }"}),".\nThe ",(0,n.jsx)(i.code,{children:"uri"})," can be a web uri (",(0,n.jsx)(i.code,{children:"https://google.com"}),"), or an app deep link (",(0,n.jsx)(i.code,{children:"androidwidgetexample://deep-link"}),")\nFor the link to open a screen in the app deep linking must be set up"]}),"\n"]}),"\n",(0,n.jsx)(i.hr,{}),"\n",(0,n.jsx)(i.h3,{id:"clickactiondata",children:"clickActionData"}),"\n",(0,n.jsxs)(i.p,{children:["\u2022 ",(0,n.jsx)(i.code,{children:"Optional"})," ",(0,n.jsx)(i.strong,{children:"clickActionData"}),": ",(0,n.jsx)(i.code,{children:"Record"}),"<",(0,n.jsx)(i.code,{children:"string"}),", ",(0,n.jsx)(i.code,{children:"unknown"}),">"]}),"\n",(0,n.jsx)(i.p,{children:"Additional data that will be passed when the widget is clicked."}),"\n",(0,n.jsxs)(i.p,{children:["If ",(0,n.jsx)(i.code,{children:"clickAction"})," is ",(0,n.jsx)(i.code,{children:"OPEN_URI"})," it must contain ",(0,n.jsx)(i.code,{children:"{ uri: 'some-uri' }"})]})]})}function p(e={}){const{wrapper:i}={...(0,t.a)(),...e.components};return i?(0,n.jsx)(i,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},1151:(e,i,c)=>{c.d(i,{Z:()=>o,a:()=>s});var n=c(7294);const t={},r=n.createContext(t);function s(e){const i=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function o(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:s(e.components),n.createElement(r.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/4787fd9f.73d50786.js b/assets/js/4787fd9f.73d50786.js deleted file mode 100644 index 6baef34..0000000 --- a/assets/js/4787fd9f.73d50786.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1161],{3905:(e,t,i)=>{i.d(t,{Zo:()=>d,kt:()=>k});var n=i(7294);function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function a(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function o(e){for(var t=1;t =0||(r[i]=e[i]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,i)&&(r[i]=e[i])}return r}var c=n.createContext({}),p=function(e){var t=n.useContext(c),i=t;return e&&(i="function"==typeof e?e(t):o(o({},t),e)),i},d=function(e){var t=p(e.components);return n.createElement(c.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var i=e.components,r=e.mdxType,a=e.originalType,c=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),u=p(i),k=r,m=u["".concat(c,".").concat(k)]||u[k]||s[k]||a;return i?n.createElement(m,o(o({ref:t},d),{},{components:i})):n.createElement(m,o({ref:t},d))}));function k(e,t){var i=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=i.length,o=new Array(a);o[0]=u;var l={};for(var c in t)hasOwnProperty.call(t,c)&&(l[c]=t[c]);l.originalType=e,l.mdxType="string"==typeof e?e:r,o[1]=l;for(var p=2;p{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>s,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var n=i(7462),r=(i(7294),i(3905));const a={id:"ClickActionProps",title:"Interface: ClickActionProps",sidebar_label:"ClickActionProps",sidebar_position:0,custom_edit_url:null},o=void 0,l={unversionedId:"public-api/interfaces/ClickActionProps",id:"public-api/interfaces/ClickActionProps",title:"Interface: ClickActionProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/ClickActionProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ClickActionProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ClickActionProps",title:"Interface: ClickActionProps",sidebar_label:"ClickActionProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"BorderStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},next:{title:"CommonStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"}},c={},p=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"clickAction",id:"clickaction",level:3},{value:"clickActionData",id:"clickactiondata",level:3}],d={toc:p};function s(e){let{components:t,...i}=e;return(0,r.kt)("wrapper",(0,n.Z)({},d,i,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},(0,r.kt)("inlineCode",{parentName:"strong"},"ClickActionProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps"},(0,r.kt)("inlineCode",{parentName:"a"},"FlexWidgetProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps"},(0,r.kt)("inlineCode",{parentName:"a"},"IconWidgetProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps"},(0,r.kt)("inlineCode",{parentName:"a"},"ImageWidgetProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps"},(0,r.kt)("inlineCode",{parentName:"a"},"OverlapWidgetProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps"},(0,r.kt)("inlineCode",{parentName:"a"},"SvgWidgetProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps"},(0,r.kt)("inlineCode",{parentName:"a"},"TextWidgetProps"))))),(0,r.kt)("h2",{id:"properties"},"Properties"),(0,r.kt)("h3",{id:"clickaction"},"clickAction"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"clickAction"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"A string that will define an action that will be emited when clicking the widget."),(0,r.kt)("p",null,"There are a few special values for ",(0,r.kt)("inlineCode",{parentName:"p"},"clickAction")," that will not emit the action,\nbut will execute the action in the background."),(0,r.kt)("p",null,"Those are:"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},'"OPEN_APP"')," - This ",(0,r.kt)("inlineCode",{parentName:"li"},"clickAction")," does not require ",(0,r.kt)("inlineCode",{parentName:"li"},"clickActionData"),", and if set on a section of\nthe widget it will open the application when clicked"),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},'"OPEN_URI"')," - This ",(0,r.kt)("inlineCode",{parentName:"li"},"clickAction")," requires a ",(0,r.kt)("inlineCode",{parentName:"li"},"clickActionData")," that contains ",(0,r.kt)("inlineCode",{parentName:"li"},"{ uri: 'some-uri' }"),".\nThe ",(0,r.kt)("inlineCode",{parentName:"li"},"uri")," can be a web uri (",(0,r.kt)("inlineCode",{parentName:"li"},"https://google.com"),"), or an app deep link (",(0,r.kt)("inlineCode",{parentName:"li"},"androidwidgetexample://deep-link"),")\nFor the link to open a screen in the app deep linking must be set up")),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"clickactiondata"},"clickActionData"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"clickActionData"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Record"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"string"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"unknown"),">"),(0,r.kt)("p",null,"Additional data that will be passed when the widget is clicked."),(0,r.kt)("p",null,"If ",(0,r.kt)("inlineCode",{parentName:"p"},"clickAction")," is ",(0,r.kt)("inlineCode",{parentName:"p"},"OPEN_URI")," it must contain ",(0,r.kt)("inlineCode",{parentName:"p"},"{ uri: 'some-uri' }")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/4972.38a3e4ab.js b/assets/js/4972.38a3e4ab.js deleted file mode 100644 index 21160f4..0000000 --- a/assets/js/4972.38a3e4ab.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[4972],{4972:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var n=a(7294),o=a(5999),l=a(1944),r=a(7961);function i(){return n.createElement(n.Fragment,null,n.createElement(l.d,{title:(0,o.I)({id:"theme.NotFound.title",message:"Page Not Found"})}),n.createElement(r.Z,null,n.createElement("main",{className:"container margin-vert--xl"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col col--6 col--offset-3"},n.createElement("h1",{className:"hero__title"},n.createElement(o.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),n.createElement("p",null,n.createElement(o.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),n.createElement("p",null,n.createElement(o.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.")))))))}}}]); \ No newline at end of file diff --git a/assets/js/49b00a7f.69ae74ca.js b/assets/js/49b00a7f.69ae74ca.js deleted file mode 100644 index ab42a6b..0000000 --- a/assets/js/49b00a7f.69ae74ca.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5187],{3905:(e,t,r)=>{r.d(t,{Zo:()=>s,kt:()=>f});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t =0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var l=n.createContext({}),c=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},s=function(e){var t=c(e.components);return n.createElement(l.Provider,{value:t},e.children)},u={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},d=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,a=e.originalType,l=e.parentName,s=p(e,["components","mdxType","originalType","parentName"]),d=c(r),f=i,y=d["".concat(l,".").concat(f)]||d[f]||u[f]||a;return r?n.createElement(y,o(o({ref:t},s),{},{components:r})):n.createElement(y,o({ref:t},s))}));function f(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=r.length,o=new Array(a);o[0]=d;var p={};for(var l in t)hasOwnProperty.call(t,l)&&(p[l]=t[l]);p.originalType=e,p.mdxType="string"==typeof e?e:i,o[1]=p;for(var c=2;c{r.r(t),r.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>a,metadata:()=>p,toc:()=>c});var n=r(7462),i=(r(7294),r(3905));const a={id:"OtherStyleProps",title:"Interface: OtherStyleProps",sidebar_label:"OtherStyleProps",sidebar_position:0,custom_edit_url:null},o=void 0,p={unversionedId:"public-api/interfaces/OtherStyleProps",id:"public-api/interfaces/OtherStyleProps",title:"Interface: OtherStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/OtherStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/OtherStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"OtherStyleProps",title:"Interface: OtherStyleProps",sidebar_label:"OtherStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"MarginStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},next:{title:"OverlapWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps"}},l={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"rotation",id:"rotation",level:3}],s={toc:c};function u(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},s,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("inlineCode",{parentName:"strong"},"OtherStyleProps"))),(0,i.kt)("p",{parentName:"li"},"\u21b3 ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,i.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))))),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"rotation"},"rotation"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"rotation"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/49b00a7f.fcdcb0c2.js b/assets/js/49b00a7f.fcdcb0c2.js new file mode 100644 index 0000000..1dd873f --- /dev/null +++ b/assets/js/49b00a7f.fcdcb0c2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5187],{3526:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var i=r(5893),n=r(1151);const o={id:"OtherStyleProps",title:"Interface: OtherStyleProps",sidebar_label:"OtherStyleProps",sidebar_position:0,custom_edit_url:null},s=void 0,a={id:"public-api/interfaces/OtherStyleProps",title:"Interface: OtherStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/OtherStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/OtherStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"OtherStyleProps",title:"Interface: OtherStyleProps",sidebar_label:"OtherStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"MarginStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},next:{title:"OverlapWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps"}},c={},l=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"rotation",id:"rotation",level:3}];function d(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",strong:"strong",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:"OtherStyleProps"})})}),"\n",(0,i.jsxs)(t.p,{children:["\u21b3 ",(0,i.jsx)(t.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,i.jsx)(t.code,{children:"CommonStyleProps"})})]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,i.jsx)(t.h3,{id:"rotation",children:"rotation"}),"\n",(0,i.jsxs)(t.p,{children:["\u2022 ",(0,i.jsx)(t.code,{children:"Optional"})," ",(0,i.jsx)(t.strong,{children:"rotation"}),": ",(0,i.jsx)(t.code,{children:"number"})]})]})}function p(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1151:(e,t,r)=>{r.d(t,{Z:()=>a,a:()=>s});var i=r(7294);const n={},o=i.createContext(n);function s(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:s(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/4b7010bf.5e24f586.js b/assets/js/4b7010bf.5e24f586.js deleted file mode 100644 index 9584081..0000000 --- a/assets/js/4b7010bf.5e24f586.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5710],{3905:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>m});var r=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t =0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var l=r.createContext({}),s=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},p=function(e){var t=s(e.components);return r.createElement(l.Provider,{value:t},e.children)},g={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},c=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,i=e.originalType,l=e.parentName,p=d(e,["components","mdxType","originalType","parentName"]),c=s(n),m=a,u=c["".concat(l,".").concat(m)]||c[m]||g[m]||i;return n?r.createElement(u,o(o({ref:t},p),{},{components:n})):r.createElement(u,o({ref:t},p))}));function m(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=n.length,o=new Array(i);o[0]=c;var d={};for(var l in t)hasOwnProperty.call(t,l)&&(d[l]=t[l]);d.originalType=e,d.mdxType="string"==typeof e?e:a,o[1]=d;for(var s=2;s{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>g,frontMatter:()=>i,metadata:()=>d,toc:()=>s});var r=n(7462),a=(n(7294),n(3905));const i={sidebar_position:3},o="Register task handler",d={unversionedId:"tutorial/register-task-handler",id:"tutorial/register-task-handler",title:"Register task handler",description:"We designed and previewed our widget. Now we need to register a task handler that will handle the logic of adding/updating a widget to the home screen, as well as handle widget clicks.",source:"@site/docs/tutorial/register-task-handler.md",sourceDirName:"tutorial",slug:"/tutorial/register-task-handler",permalink:"/react-native-android-widget/docs/tutorial/register-task-handler",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/register-task-handler.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"default",previous:{title:"Widget Preview",permalink:"/react-native-android-widget/docs/tutorial/widget-preview"},next:{title:"Register widget",permalink:"/react-native-android-widget/docs/tutorial/register-widget"}},l={},s=[{value:"Create task handler function",id:"create-task-handler-function",level:2},{value:"Register widget task handler",id:"register-widget-task-handler",level:2},{value:"Register widget task handler (Expo)",id:"register-widget-task-handler-expo",level:2},{value:"Next steps",id:"next-steps",level:2}],p={toc:s};function g(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"register-task-handler"},"Register task handler"),(0,a.kt)("p",null,"We designed and previewed our widget. Now we need to register a ",(0,a.kt)("em",{parentName:"p"},"task handler")," that will handle the logic of adding/updating a widget to the home screen, as well as handle widget clicks."),(0,a.kt)("h2",{id:"create-task-handler-function"},"Create task handler function"),(0,a.kt)("p",null,"First, create a task handler function, containing:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="widget-task-handler.tsx"',title:'"widget-task-handler.tsx"'},"import React from 'react';\nimport type { WidgetTaskHandlerProps } from 'react-native-android-widget';\nimport { HelloWidget } from './HelloWidget';\n\nconst nameToWidget = {\n // Hello will be the **name** with which we will reference our widget.\n Hello: HelloWidget,\n};\n\nexport async function widgetTaskHandler(props: WidgetTaskHandlerProps) {\n const widgetInfo = props.widgetInfo;\n const Widget =\n nameToWidget[widgetInfo.widgetName as keyof typeof nameToWidget];\n\n switch (props.widgetAction) {\n case 'WIDGET_ADDED':\n props.renderWidget( );\n break;\n\n case 'WIDGET_UPDATE':\n // Not needed for now\n break;\n\n case 'WIDGET_RESIZED':\n // Not needed for now\n break;\n\n case 'WIDGET_DELETED':\n // Not needed for now\n break;\n\n case 'WIDGET_CLICK':\n // Not needed for now\n break;\n\n default:\n break;\n }\n}\n")),(0,a.kt)("p",null,"We use ",(0,a.kt)("inlineCode",{parentName:"p"},"nameToWidget")," to map from the ",(0,a.kt)("strong",{parentName:"p"},"name")," to the component defining the widget (useful if we have multiple widgets). There are other ways to achieve this."),(0,a.kt)("h2",{id:"register-widget-task-handler"},"Register widget task handler"),(0,a.kt)("p",null,"In the main ",(0,a.kt)("inlineCode",{parentName:"p"},"index.js")," (or ",(0,a.kt)("inlineCode",{parentName:"p"},"index.ts"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"index.tsx"),") file for our app, when we register the main component, register the widget task handler."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="index.ts"',title:'"index.ts"'},"import { AppRegistry } from 'react-native';\nimport { registerWidgetTaskHandler } from 'react-native-android-widget';\nimport { name as appName } from './app.json';\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\n\nAppRegistry.registerComponent(appName, () => App);\nregisterWidgetTaskHandler(widgetTaskHandler);\n")),(0,a.kt)("h2",{id:"register-widget-task-handler-expo"},"Register widget task handler (Expo)"),(0,a.kt)("p",null,"If we are using Expo, there is no ",(0,a.kt)("inlineCode",{parentName:"p"},"index.js")," (or ",(0,a.kt)("inlineCode",{parentName:"p"},"index.ts"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"index.tsx"),"), but we can create it."),(0,a.kt)("p",null,"First, update ",(0,a.kt)("inlineCode",{parentName:"p"},"package.json")," main field to point to ",(0,a.kt)("inlineCode",{parentName:"p"},"index.ts")," (or ",(0,a.kt)("inlineCode",{parentName:"p"},".js"),") instead of ",(0,a.kt)("inlineCode",{parentName:"p"},"node_modules/expo/AppEntry.js")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="package.json"',title:'"package.json"'},'{\n "name": "my-expo-app",\n "main": "index.ts",\n ...\n}\n')),(0,a.kt)("p",null,"Create the file, using ",(0,a.kt)("inlineCode",{parentName:"p"},"node_modules/expo/AppEntry.js")," as a template.\nThen import ",(0,a.kt)("inlineCode",{parentName:"p"},"widgetTaskHandler")," and register it."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="index.ts"',title:'"index.ts"'},"import { registerRootComponent } from 'expo';\nimport { registerWidgetTaskHandler } from 'react-native-android-widget';\n\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\n\n// registerRootComponent calls AppRegistry.registerComponent('main', () => App);\n// It also ensures that whether you load the app in Expo Go or in a native build,\n// the environment is set up appropriately\nregisterRootComponent(App);\nregisterWidgetTaskHandler(widgetTaskHandler);\n")),(0,a.kt)("h2",{id:"next-steps"},"Next steps"),(0,a.kt)("p",null,"We designed our widget, saw the preview, and registered a handler that will handle adding it to the home screen."),(0,a.kt)("p",null,"We still need to tell the application that there is a widget called ",(0,a.kt)("inlineCode",{parentName:"p"},"Hello"),"."),(0,a.kt)("p",null,"Continue with:"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"./register-widget"},"Register widget")," if you are using React Native bare"),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"./register-widget-expo"},"Register widget in Expo")," if you are using Expo")))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/4b7010bf.cdfc4910.js b/assets/js/4b7010bf.cdfc4910.js new file mode 100644 index 0000000..c1af2b0 --- /dev/null +++ b/assets/js/4b7010bf.cdfc4910.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5710],{3348:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>g,frontMatter:()=>s,metadata:()=>d,toc:()=>l});var i=n(5893),r=n(1151);const s={sidebar_position:3},a="Register task handler",d={id:"tutorial/register-task-handler",title:"Register task handler",description:"We designed and previewed our widget. Now we need to register a task handler that will handle the logic of adding/updating a widget to the home screen, as well as handle widget clicks.",source:"@site/docs/tutorial/register-task-handler.md",sourceDirName:"tutorial",slug:"/tutorial/register-task-handler",permalink:"/react-native-android-widget/docs/tutorial/register-task-handler",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/register-task-handler.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"default",previous:{title:"Widget Preview",permalink:"/react-native-android-widget/docs/tutorial/widget-preview"},next:{title:"Register widget",permalink:"/react-native-android-widget/docs/tutorial/register-widget"}},o={},l=[{value:"Create task handler function",id:"create-task-handler-function",level:2},{value:"Register widget task handler",id:"register-widget-task-handler",level:2},{value:"Register widget task handler (Expo)",id:"register-widget-task-handler-expo",level:2},{value:"Next steps",id:"next-steps",level:2}];function c(e){const t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"register-task-handler",children:"Register task handler"}),"\n",(0,i.jsxs)(t.p,{children:["We designed and previewed our widget. Now we need to register a ",(0,i.jsx)(t.em,{children:"task handler"})," that will handle the logic of adding/updating a widget to the home screen, as well as handle widget clicks."]}),"\n",(0,i.jsx)(t.h2,{id:"create-task-handler-function",children:"Create task handler function"}),"\n",(0,i.jsx)(t.p,{children:"First, create a task handler function, containing:"}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-js",metastring:'title="widget-task-handler.tsx"',children:"import React from 'react';\nimport type { WidgetTaskHandlerProps } from 'react-native-android-widget';\nimport { HelloWidget } from './HelloWidget';\n\nconst nameToWidget = {\n // Hello will be the **name** with which we will reference our widget.\n Hello: HelloWidget,\n};\n\nexport async function widgetTaskHandler(props: WidgetTaskHandlerProps) {\n const widgetInfo = props.widgetInfo;\n const Widget =\n nameToWidget[widgetInfo.widgetName as keyof typeof nameToWidget];\n\n switch (props.widgetAction) {\n case 'WIDGET_ADDED':\n props.renderWidget( );\n break;\n\n case 'WIDGET_UPDATE':\n // Not needed for now\n break;\n\n case 'WIDGET_RESIZED':\n // Not needed for now\n break;\n\n case 'WIDGET_DELETED':\n // Not needed for now\n break;\n\n case 'WIDGET_CLICK':\n // Not needed for now\n break;\n\n default:\n break;\n }\n}\n"})}),"\n",(0,i.jsxs)(t.p,{children:["We use ",(0,i.jsx)(t.code,{children:"nameToWidget"})," to map from the ",(0,i.jsx)(t.strong,{children:"name"})," to the component defining the widget (useful if we have multiple widgets). There are other ways to achieve this."]}),"\n",(0,i.jsx)(t.h2,{id:"register-widget-task-handler",children:"Register widget task handler"}),"\n",(0,i.jsxs)(t.p,{children:["In the main ",(0,i.jsx)(t.code,{children:"index.js"})," (or ",(0,i.jsx)(t.code,{children:"index.ts"}),", ",(0,i.jsx)(t.code,{children:"index.tsx"}),") file for our app, when we register the main component, register the widget task handler."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-js",metastring:'title="index.ts"',children:"import { AppRegistry } from 'react-native';\nimport { registerWidgetTaskHandler } from 'react-native-android-widget';\nimport { name as appName } from './app.json';\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\n\nAppRegistry.registerComponent(appName, () => App);\nregisterWidgetTaskHandler(widgetTaskHandler);\n"})}),"\n",(0,i.jsx)(t.h2,{id:"register-widget-task-handler-expo",children:"Register widget task handler (Expo)"}),"\n",(0,i.jsxs)(t.p,{children:["If we are using Expo, there is no ",(0,i.jsx)(t.code,{children:"index.js"})," (or ",(0,i.jsx)(t.code,{children:"index.ts"}),", ",(0,i.jsx)(t.code,{children:"index.tsx"}),"), but we can create it."]}),"\n",(0,i.jsxs)(t.p,{children:["First, update ",(0,i.jsx)(t.code,{children:"package.json"})," main field to point to ",(0,i.jsx)(t.code,{children:"index.ts"})," (or ",(0,i.jsx)(t.code,{children:".js"}),") instead of ",(0,i.jsx)(t.code,{children:"node_modules/expo/AppEntry.js"})]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-js",metastring:'title="package.json"',children:'{\n "name": "my-expo-app",\n "main": "index.ts",\n ...\n}\n'})}),"\n",(0,i.jsxs)(t.p,{children:["Create the file, using ",(0,i.jsx)(t.code,{children:"node_modules/expo/AppEntry.js"})," as a template.\nThen import ",(0,i.jsx)(t.code,{children:"widgetTaskHandler"})," and register it."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-js",metastring:'title="index.ts"',children:"import { registerRootComponent } from 'expo';\nimport { registerWidgetTaskHandler } from 'react-native-android-widget';\n\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\n\n// registerRootComponent calls AppRegistry.registerComponent('main', () => App);\n// It also ensures that whether you load the app in Expo Go or in a native build,\n// the environment is set up appropriately\nregisterRootComponent(App);\nregisterWidgetTaskHandler(widgetTaskHandler);\n"})}),"\n",(0,i.jsx)(t.h2,{id:"next-steps",children:"Next steps"}),"\n",(0,i.jsx)(t.p,{children:"We designed our widget, saw the preview, and registered a handler that will handle adding it to the home screen."}),"\n",(0,i.jsxs)(t.p,{children:["We still need to tell the application that there is a widget called ",(0,i.jsx)(t.code,{children:"Hello"}),"."]}),"\n",(0,i.jsx)(t.p,{children:"Continue with:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.a,{href:"./register-widget",children:"Register widget"})," if you are using React Native bare"]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.a,{href:"./register-widget-expo",children:"Register widget in Expo"})," if you are using Expo"]}),"\n"]})]})}function g(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1151:(e,t,n)=>{n.d(t,{Z:()=>d,a:()=>a});var i=n(7294);const r={},s=i.createContext(r);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/5b19e069.0e7de974.js b/assets/js/5b19e069.0e7de974.js deleted file mode 100644 index 1b9a2e7..0000000 --- a/assets/js/5b19e069.0e7de974.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1408],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>m});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t =0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var s=r.createContext({}),l=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},d=function(e){var t=l(e.components);return r.createElement(s.Provider,{value:t},e.children)},c={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,a=e.originalType,s=e.parentName,d=p(e,["components","mdxType","originalType","parentName"]),u=l(n),m=i,f=u["".concat(s,".").concat(m)]||u[m]||c[m]||a;return n?r.createElement(f,o(o({ref:t},d),{},{components:n})):r.createElement(f,o({ref:t},d))}));function m(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=n.length,o=new Array(a);o[0]=u;var p={};for(var s in t)hasOwnProperty.call(t,s)&&(p[s]=t[s]);p.originalType=e,p.mdxType="string"==typeof e?e:i,o[1]=p;for(var l=2;l{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>o,default:()=>c,frontMatter:()=>a,metadata:()=>p,toc:()=>l});var r=n(7462),i=(n(7294),n(3905));const a={sidebar_position:5},o="TextWidget",p={unversionedId:"primitives/text-widget",id:"primitives/text-widget",title:"TextWidget",description:"Widget for displaying text.",source:"@site/docs/primitives/text-widget.md",sourceDirName:"primitives",slug:"/primitives/text-widget",permalink:"/react-native-android-widget/docs/primitives/text-widget",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/text-widget.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5},sidebar:"default",previous:{title:"ImageWidget",permalink:"/react-native-android-widget/docs/primitives/image-widget"},next:{title:"IconWidget",permalink:"/react-native-android-widget/docs/primitives/icon-widget"}},s={},l=[{value:"Usage",id:"usage",level:2},{value:"Fonts",id:"fonts",level:2},{value:"Bare React Native",id:"bare-react-native",level:3},{value:"Expo",id:"expo",level:3},{value:"Example",id:"example",level:2},{value:"Props",id:"props",level:2}],d={toc:l};function c(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(0,r.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"textwidget"},"TextWidget"),(0,i.kt)("p",null,"Widget for displaying text."),(0,i.kt)("h2",{id:"usage"},"Usage"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-tsx"},"import { FlexWidget, TextWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n \n \n );\n}\n")),(0,i.kt)("h2",{id:"fonts"},"Fonts"),(0,i.kt)("p",null,"Text widget supports custom fonts, but we must provide the font file."),(0,i.kt)("h3",{id:"bare-react-native"},"Bare React Native"),(0,i.kt)("p",null,"To use a custom font in bare React Native app we must copy the font file(s) to ",(0,i.kt)("inlineCode",{parentName:"p"},"android/app/src/main/assets/fonts"),". The ",(0,i.kt)("inlineCode",{parentName:"p"},"fontFamily")," style prop will match the file by name."),(0,i.kt)("p",null,"For example, ",(0,i.kt)("inlineCode",{parentName:"p"},"android/app/src/main/assets/fonts/Inter.ttf")),(0,i.kt)("h3",{id:"expo"},"Expo"),(0,i.kt)("p",null,"To use a custom font in an Expo app, we can add them in the assets directory."),(0,i.kt)("p",null,"For example, ",(0,i.kt)("inlineCode",{parentName:"p"},"assets/fonts/Inter.ttf")),(0,i.kt)("p",null,"Then, when using the config plugin we must provide a list of all the custom fonts we need."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-ts"},"export default ({ config }: ConfigContext): ExpoConfig => ({\n ...config,\n name: 'My Expo App Name',\n plugins: [\n ['react-native-android-widget', {\n fonts: ['./assets/fonts/Inter.ttf'],\n widgets: [...],\n }]\n ],\n});\n")),(0,i.kt)("h2",{id:"example"},"Example"),(0,i.kt)("p",null,"Check the ",(0,i.kt)("a",{parentName:"p",href:"https://github.com/sAleksovski/react-native-android-widget/blob/master/example/src/widgets/RotatedWidget.tsx"},"example widget")),(0,i.kt)("h2",{id:"props"},"Props"),(0,i.kt)("p",null,"Check the props in the ",(0,i.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/TextWidgetProps"},"Public API")," documentation"))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/5b19e069.15947364.js b/assets/js/5b19e069.15947364.js new file mode 100644 index 0000000..f78114c --- /dev/null +++ b/assets/js/5b19e069.15947364.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1408],{9513:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>p,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var i=n(5893),s=n(1151);const o={sidebar_position:5},r="TextWidget",d={id:"primitives/text-widget",title:"TextWidget",description:"Widget for displaying text.",source:"@site/docs/primitives/text-widget.md",sourceDirName:"primitives",slug:"/primitives/text-widget",permalink:"/react-native-android-widget/docs/primitives/text-widget",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/text-widget.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5},sidebar:"default",previous:{title:"ImageWidget",permalink:"/react-native-android-widget/docs/primitives/image-widget"},next:{title:"IconWidget",permalink:"/react-native-android-widget/docs/primitives/icon-widget"}},a={},c=[{value:"Usage",id:"usage",level:2},{value:"Fonts",id:"fonts",level:2},{value:"Bare React Native",id:"bare-react-native",level:3},{value:"Expo",id:"expo",level:3},{value:"Example",id:"example",level:2},{value:"Props",id:"props",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"textwidget",children:"TextWidget"}),"\n",(0,i.jsx)(t.p,{children:"Widget for displaying text."}),"\n",(0,i.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-tsx",children:"import { FlexWidget, TextWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n\n \n \n );\n}\n"})}),"\n",(0,i.jsx)(t.h2,{id:"fonts",children:"Fonts"}),"\n",(0,i.jsx)(t.p,{children:"Text widget supports custom fonts, but we must provide the font file."}),"\n",(0,i.jsx)(t.h3,{id:"bare-react-native",children:"Bare React Native"}),"\n",(0,i.jsxs)(t.p,{children:["To use a custom font in bare React Native app we must copy the font file(s) to ",(0,i.jsx)(t.code,{children:"android/app/src/main/assets/fonts"}),". The ",(0,i.jsx)(t.code,{children:"fontFamily"})," style prop will match the file by name."]}),"\n",(0,i.jsxs)(t.p,{children:["For example, ",(0,i.jsx)(t.code,{children:"android/app/src/main/assets/fonts/Inter.ttf"})]}),"\n",(0,i.jsx)(t.h3,{id:"expo",children:"Expo"}),"\n",(0,i.jsx)(t.p,{children:"To use a custom font in an Expo app, we can add them in the assets directory."}),"\n",(0,i.jsxs)(t.p,{children:["For example, ",(0,i.jsx)(t.code,{children:"assets/fonts/Inter.ttf"})]}),"\n",(0,i.jsx)(t.p,{children:"Then, when using the config plugin we must provide a list of all the custom fonts we need."}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",children:"export default ({ config }: ConfigContext): ExpoConfig => ({\n ...config,\n name: 'My Expo App Name',\n plugins: [\n ['react-native-android-widget', {\n fonts: ['./assets/fonts/Inter.ttf'],\n widgets: [...],\n }]\n ],\n});\n"})}),"\n",(0,i.jsx)(t.h2,{id:"example",children:"Example"}),"\n",(0,i.jsxs)(t.p,{children:["Check the ",(0,i.jsx)(t.a,{href:"https://github.com/sAleksovski/react-native-android-widget/blob/master/example/src/widgets/RotatedWidget.tsx",children:"example widget"})]}),"\n",(0,i.jsx)(t.h2,{id:"props",children:"Props"}),"\n",(0,i.jsxs)(t.p,{children:["Check the props in the ",(0,i.jsx)(t.a,{href:"/docs/public-api/interfaces/TextWidgetProps",children:"Public API"})," documentation"]})]})}function p(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1151:(e,t,n)=>{n.d(t,{Z:()=>d,a:()=>r});var i=n(7294);const s={},o=i.createContext(s);function r(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/5d454204.02dc3d4e.js b/assets/js/5d454204.02dc3d4e.js deleted file mode 100644 index 0128d18..0000000 --- a/assets/js/5d454204.02dc3d4e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3814],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>u});var n=r(7294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t\n =0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var o=n.createContext({}),d=function(e){var t=n.useContext(o),r=t;return e&&(r="function"==typeof e?e(t):l(l({},t),e)),r},c=function(e){var t=d(e.components);return n.createElement(o.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},k=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,i=e.originalType,o=e.parentName,c=p(e,["components","mdxType","originalType","parentName"]),k=d(r),u=a,m=k["".concat(o,".").concat(u)]||k[u]||s[u]||i;return r?n.createElement(m,l(l({ref:t},c),{},{components:r})):n.createElement(m,l({ref:t},c))}));function u(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=r.length,l=new Array(i);l[0]=k;var p={};for(var o in t)hasOwnProperty.call(t,o)&&(p[o]=t[o]);p.originalType=e,p.mdxType="string"==typeof e?e:a,l[1]=p;for(var d=2;d{r.r(t),r.d(t,{assets:()=>o,contentTitle:()=>l,default:()=>s,frontMatter:()=>i,metadata:()=>p,toc:()=>d});var n=r(7462),a=(r(7294),r(3905));const i={id:"WidgetPreviewProps",title:"Interface: WidgetPreviewProps",sidebar_label:"WidgetPreviewProps",sidebar_position:0,custom_edit_url:null},l=void 0,p={unversionedId:"public-api/interfaces/WidgetPreviewProps",id:"public-api/interfaces/WidgetPreviewProps",title:"Interface: WidgetPreviewProps",description:"Properties",source:"@site/docs/public-api/interfaces/WidgetPreviewProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WidgetPreviewProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WidgetPreviewProps",title:"Interface: WidgetPreviewProps",sidebar_label:"WidgetPreviewProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"WidgetInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},next:{title:"WidgetTaskHandlerProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps"}},o={},d=[{value:"Properties",id:"properties",level:2},{value:"renderWidget",id:"renderwidget",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"height",id:"height",level:3},{value:"width",id:"width",level:3},{value:"onClick",id:"onclick",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5},{value:"showBorder",id:"showborder",level:3},{value:"highlightClickableAreas",id:"highlightclickableareas",level:3}],c={toc:d};function s(e){let{components:t,...r}=e;return(0,a.kt)("wrapper",(0,n.Z)({},c,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"properties"},"Properties"),(0,a.kt)("h3",{id:"renderwidget"},"renderWidget"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"renderWidget"),": (",(0,a.kt)("inlineCode",{parentName:"p"},"props"),": { ",(0,a.kt)("inlineCode",{parentName:"p"},"width"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")," ; ",(0,a.kt)("inlineCode",{parentName:"p"},"height"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")," }) => ",(0,a.kt)("inlineCode",{parentName:"p"},"Element")),(0,a.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,a.kt)("p",null,"\u25b8 (",(0,a.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,a.kt)("inlineCode",{parentName:"p"},"Element")),(0,a.kt)("p",null,"Callback function that will be called by ",(0,a.kt)("inlineCode",{parentName:"p"},"WidgetPreview")," to generate the widget UI."),(0,a.kt)("h5",{id:"parameters"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Object"))),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props.width")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"number"))),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props.height")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"number"))))),(0,a.kt)("h5",{id:"returns"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"Element")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"height"},"height"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"height"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("p",null,"The height of the widget"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"width"},"width"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"width"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("p",null,"The width of the widget"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"onclick"},"onClick"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"onClick"),": (",(0,a.kt)("inlineCode",{parentName:"p"},"props"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"OnClick"),") => ",(0,a.kt)("inlineCode",{parentName:"p"},"void")),(0,a.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,a.kt)("p",null,"\u25b8 (",(0,a.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,a.kt)("inlineCode",{parentName:"p"},"void")),(0,a.kt)("p",null,"Callback function that will be called when clicked on a clickable area of the widget."),(0,a.kt)("h5",{id:"parameters-1"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"OnClick"))))),(0,a.kt)("h5",{id:"returns-1"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"void")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"showborder"},"showBorder"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"showBorder"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"boolean")),(0,a.kt)("p",null,"Whether to show a border around the widget. Usefull for widgets that do not use the whole space."),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"highlightclickableareas"},"highlightClickableAreas"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"highlightClickableAreas"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"boolean")),(0,a.kt)("p",null,"Whether to add a highlight to the clickable areas"))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/5d454204.2c28231e.js b/assets/js/5d454204.2c28231e.js new file mode 100644 index 0000000..b7da929 --- /dev/null +++ b/assets/js/5d454204.2c28231e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3814],{8943:(e,i,t)=>{t.r(i),t.d(i,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>d,metadata:()=>s,toc:()=>h});var r=t(5893),n=t(1151);const d={id:"WidgetPreviewProps",title:"Interface: WidgetPreviewProps",sidebar_label:"WidgetPreviewProps",sidebar_position:0,custom_edit_url:null},l=void 0,s={id:"public-api/interfaces/WidgetPreviewProps",title:"Interface: WidgetPreviewProps",description:"Properties",source:"@site/docs/public-api/interfaces/WidgetPreviewProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WidgetPreviewProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WidgetPreviewProps",title:"Interface: WidgetPreviewProps",sidebar_label:"WidgetPreviewProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"WidgetInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},next:{title:"WidgetTaskHandlerProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps"}},c={},h=[{value:"Properties",id:"properties",level:2},{value:"renderWidget",id:"renderwidget",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"height",id:"height",level:3},{value:"width",id:"width",level:3},{value:"onClick",id:"onclick",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Parameters",id:"parameters-1",level:5},{value:"Returns",id:"returns-1",level:5},{value:"showBorder",id:"showborder",level:3},{value:"highlightClickableAreas",id:"highlightclickableareas",level:3}];function o(e){const i={code:"code",h2:"h2",h3:"h3",h4:"h4",h5:"h5",hr:"hr",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsx)(i.h3,{id:"renderwidget",children:"renderWidget"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.strong,{children:"renderWidget"}),": (",(0,r.jsx)(i.code,{children:"props"}),": { ",(0,r.jsx)(i.code,{children:"width"}),": ",(0,r.jsx)(i.code,{children:"number"})," ; ",(0,r.jsx)(i.code,{children:"height"}),": ",(0,r.jsx)(i.code,{children:"number"})," }) => ",(0,r.jsx)(i.code,{children:"Element"})]}),"\n",(0,r.jsxs)(i.p,{children:["Callback function that will be called by ",(0,r.jsx)(i.code,{children:"WidgetPreview"})," to generate the widget UI."]}),"\n",(0,r.jsx)(i.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,r.jsxs)(i.p,{children:["\u25b8 (",(0,r.jsx)(i.code,{children:"props"}),"): ",(0,r.jsx)(i.code,{children:"Element"})]}),"\n",(0,r.jsxs)(i.p,{children:["Callback function that will be called by ",(0,r.jsx)(i.code,{children:"WidgetPreview"})," to generate the widget UI."]}),"\n",(0,r.jsx)(i.h5,{id:"parameters",children:"Parameters"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,r.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{style:{textAlign:"left"},children:(0,r.jsx)(i.code,{children:"props"})}),(0,r.jsx)(i.td,{style:{textAlign:"left"},children:(0,r.jsx)(i.code,{children:"Object"})})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{style:{textAlign:"left"},children:(0,r.jsx)(i.code,{children:"props.width"})}),(0,r.jsx)(i.td,{style:{textAlign:"left"},children:(0,r.jsx)(i.code,{children:"number"})})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{style:{textAlign:"left"},children:(0,r.jsx)(i.code,{children:"props.height"})}),(0,r.jsx)(i.td,{style:{textAlign:"left"},children:(0,r.jsx)(i.code,{children:"number"})})]})]})]}),"\n",(0,r.jsx)(i.h5,{id:"returns",children:"Returns"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.code,{children:"Element"})}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"height",children:"height"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.strong,{children:"height"}),": ",(0,r.jsx)(i.code,{children:"number"})]}),"\n",(0,r.jsx)(i.p,{children:"The height of the widget"}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"width",children:"width"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.strong,{children:"width"}),": ",(0,r.jsx)(i.code,{children:"number"})]}),"\n",(0,r.jsx)(i.p,{children:"The width of the widget"}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"onclick",children:"onClick"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.code,{children:"Optional"})," ",(0,r.jsx)(i.strong,{children:"onClick"}),": (",(0,r.jsx)(i.code,{children:"props"}),": ",(0,r.jsx)(i.code,{children:"OnClick"}),") => ",(0,r.jsx)(i.code,{children:"void"})]}),"\n",(0,r.jsx)(i.p,{children:"Callback function that will be called when clicked on a clickable area of the widget."}),"\n",(0,r.jsx)(i.h4,{id:"type-declaration-1",children:"Type declaration"}),"\n",(0,r.jsxs)(i.p,{children:["\u25b8 (",(0,r.jsx)(i.code,{children:"props"}),"): ",(0,r.jsx)(i.code,{children:"void"})]}),"\n",(0,r.jsx)(i.p,{children:"Callback function that will be called when clicked on a clickable area of the widget."}),"\n",(0,r.jsx)(i.h5,{id:"parameters-1",children:"Parameters"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{style:{textAlign:"left"},children:"Name"}),(0,r.jsx)(i.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,r.jsx)(i.tbody,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{style:{textAlign:"left"},children:(0,r.jsx)(i.code,{children:"props"})}),(0,r.jsx)(i.td,{style:{textAlign:"left"},children:(0,r.jsx)(i.code,{children:"OnClick"})})]})})]}),"\n",(0,r.jsx)(i.h5,{id:"returns-1",children:"Returns"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.code,{children:"void"})}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"showborder",children:"showBorder"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.code,{children:"Optional"})," ",(0,r.jsx)(i.strong,{children:"showBorder"}),": ",(0,r.jsx)(i.code,{children:"boolean"})]}),"\n",(0,r.jsx)(i.p,{children:"Whether to show a border around the widget. Usefull for widgets that do not use the whole space."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"highlightclickableareas",children:"highlightClickableAreas"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.code,{children:"Optional"})," ",(0,r.jsx)(i.strong,{children:"highlightClickableAreas"}),": ",(0,r.jsx)(i.code,{children:"boolean"})]}),"\n",(0,r.jsx)(i.p,{children:"Whether to add a highlight to the clickable areas"})]})}function a(e={}){const{wrapper:i}={...(0,n.a)(),...e.components};return i?(0,r.jsx)(i,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}},1151:(e,i,t)=>{t.d(i,{Z:()=>s,a:()=>l});var r=t(7294);const n={},d=r.createContext(n);function l(e){const i=r.useContext(d);return r.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function s(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:l(e.components),r.createElement(d.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/5d5554be.5dcec4c9.js b/assets/js/5d5554be.5dcec4c9.js deleted file mode 100644 index a615303..0000000 --- a/assets/js/5d5554be.5dcec4c9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3667],{3905:(e,t,r)=>{r.d(t,{Zo:()=>s,kt:()=>m});var n=r(7294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t =0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var o=n.createContext({}),d=function(e){var t=n.useContext(o),r=t;return e&&(r="function"==typeof e?e(t):l(l({},t),e)),r},s=function(e){var t=d(e.components);return n.createElement(o.Provider,{value:t},e.children)},c={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,i=e.originalType,o=e.parentName,s=p(e,["components","mdxType","originalType","parentName"]),u=d(r),m=a,k=u["".concat(o,".").concat(m)]||u[m]||c[m]||i;return r?n.createElement(k,l(l({ref:t},s),{},{components:r})):n.createElement(k,l({ref:t},s))}));function m(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=r.length,l=new Array(i);l[0]=u;var p={};for(var o in t)hasOwnProperty.call(t,o)&&(p[o]=t[o]);p.originalType=e,p.mdxType="string"==typeof e?e:a,l[1]=p;for(var d=2;d{r.r(t),r.d(t,{assets:()=>o,contentTitle:()=>l,default:()=>c,frontMatter:()=>i,metadata:()=>p,toc:()=>d});var n=r(7462),a=(r(7294),r(3905));const i={id:"FlexWidget",title:"Namespace: FlexWidget",sidebar_label:"FlexWidget",sidebar_position:0,custom_edit_url:null},l=void 0,p={unversionedId:"public-api/namespaces/FlexWidget",id:"public-api/namespaces/FlexWidget",title:"Namespace: FlexWidget",description:"Variables",source:"@site/docs/public-api/namespaces/FlexWidget.md",sourceDirName:"public-api/namespaces",slug:"/public-api/namespaces/FlexWidget",permalink:"/react-native-android-widget/docs/public-api/namespaces/FlexWidget",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"FlexWidget",title:"Namespace: FlexWidget",sidebar_label:"FlexWidget",sidebar_position:0,custom_edit_url:null}},o={},d=[{value:"Variables",id:"variables",level:2},{value:"__name__",id:"__name__",level:3},{value:"Functions",id:"functions",level:2},{value:"convertProps",id:"convertprops",level:3},{value:"Parameters",id:"parameters",level:4},{value:"Returns",id:"returns",level:4},{value:"processChildren",id:"processchildren",level:3},{value:"Parameters",id:"parameters-1",level:4},{value:"Returns",id:"returns-1",level:4}],s={toc:d};function c(e){let{components:t,...r}=e;return(0,a.kt)("wrapper",(0,n.Z)({},s,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"variables"},"Variables"),(0,a.kt)("h3",{id:"__name__"},"_","_","name","_","_"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"_","_","name","_","_"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"string")),(0,a.kt)("h2",{id:"functions"},"Functions"),(0,a.kt)("h3",{id:"convertprops"},"convertProps"),(0,a.kt)("p",null,"\u25b8 ",(0,a.kt)("strong",{parentName:"p"},"convertProps"),"(",(0,a.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,a.kt)("inlineCode",{parentName:"p"},"FlexWidgetInternalProps")),(0,a.kt)("h4",{id:"parameters"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps"},(0,a.kt)("inlineCode",{parentName:"a"},"FlexWidgetProps")))))),(0,a.kt)("h4",{id:"returns"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"FlexWidgetInternalProps")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"processchildren"},"processChildren"),(0,a.kt)("p",null,"\u25b8 ",(0,a.kt)("strong",{parentName:"p"},"processChildren"),"(",(0,a.kt)("inlineCode",{parentName:"p"},"\xabdestructured\xbb"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"children"),"): ",(0,a.kt)("inlineCode",{parentName:"p"},"any"),"[]"),(0,a.kt)("h4",{id:"parameters-1"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"\xabdestructured\xbb")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps"},(0,a.kt)("inlineCode",{parentName:"a"},"FlexWidgetProps")))),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"children")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"any"),"[]")))),(0,a.kt)("h4",{id:"returns-1"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"any"),"[]"))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/5e95c892.f07c34e3.js b/assets/js/5e95c892.f07c34e3.js new file mode 100644 index 0000000..91803df --- /dev/null +++ b/assets/js/5e95c892.f07c34e3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9661],{1892:(e,r,a)=>{a.r(r),a.d(r,{default:()=>u});a(7294);var s=a(512),d=a(1944),t=a(5281),c=a(8790),n=a(6040),i=a(5893);function u(e){return(0,i.jsx)(d.FG,{className:(0,s.Z)(t.k.wrapper.docsPages),children:(0,i.jsx)(n.Z,{children:(0,c.H)(e.route.routes)})})}}}]); \ No newline at end of file diff --git a/assets/js/70097127.889666fc.js b/assets/js/70097127.889666fc.js deleted file mode 100644 index 1efca66..0000000 --- a/assets/js/70097127.889666fc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1744],{3905:(e,t,r)=>{r.d(t,{Zo:()=>s,kt:()=>f});var n=r(7294);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t =0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var u=n.createContext({}),l=function(e){var t=n.useContext(u),r=t;return e&&(r="function"==typeof e?e(t):a(a({},t),e)),r},s=function(e){var t=l(e.components);return n.createElement(u.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},p=n.forwardRef((function(e,t){var r=e.components,o=e.mdxType,i=e.originalType,u=e.parentName,s=c(e,["components","mdxType","originalType","parentName"]),p=l(r),f=o,y=p["".concat(u,".").concat(f)]||p[f]||d[f]||i;return r?n.createElement(y,a(a({ref:t},s),{},{components:r})):n.createElement(y,a({ref:t},s))}));function f(e,t){var r=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var i=r.length,a=new Array(i);a[0]=p;var c={};for(var u in t)hasOwnProperty.call(t,u)&&(c[u]=t[u]);c.originalType=e,c.mdxType="string"==typeof e?e:o,a[1]=c;for(var l=2;l{r.r(t),r.d(t,{assets:()=>u,contentTitle:()=>a,default:()=>d,frontMatter:()=>i,metadata:()=>c,toc:()=>l});var n=r(7462),o=(r(7294),r(3905));const i={sidebar_position:7},a="Try it out",c={unversionedId:"tutorial/try-it-our",id:"tutorial/try-it-our",title:"Try it out",description:"After rebuilding our app (or creating a Dev Client for Expo), we can start it and add our first widget to the Home Screen.",source:"@site/docs/tutorial/try-it-our.md",sourceDirName:"tutorial",slug:"/tutorial/try-it-our",permalink:"/react-native-android-widget/docs/tutorial/try-it-our",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/try-it-our.md",tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7},sidebar:"default",previous:{title:"Make Widget configurable (Optional)",permalink:"/react-native-android-widget/docs/tutorial/make-widget-configurable"},next:{title:"Congratulations!",permalink:"/react-native-android-widget/docs/tutorial/congratulations"}},u={},l=[],s={toc:l};function d(e){let{components:t,...r}=e;return(0,o.kt)("wrapper",(0,n.Z)({},s,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"try-it-out"},"Try it out"),(0,o.kt)("p",null,"After rebuilding our app (or creating a Dev Client for Expo), we can start it and add our first widget to the Home Screen."),(0,o.kt)("p",null,"If everything was successful, you should see it in the widget picker, and be able to drop it on the home screen."))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/70097127.e0004669.js b/assets/js/70097127.e0004669.js new file mode 100644 index 0000000..666b7ce --- /dev/null +++ b/assets/js/70097127.e0004669.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1744],{4115:(t,e,r)=>{r.r(e),r.d(e,{assets:()=>d,contentTitle:()=>a,default:()=>l,frontMatter:()=>n,metadata:()=>s,toc:()=>c});var i=r(5893),o=r(1151);const n={sidebar_position:7},a="Try it out",s={id:"tutorial/try-it-our",title:"Try it out",description:"After rebuilding our app (or creating a Dev Client for Expo), we can start it and add our first widget to the Home Screen.",source:"@site/docs/tutorial/try-it-our.md",sourceDirName:"tutorial",slug:"/tutorial/try-it-our",permalink:"/react-native-android-widget/docs/tutorial/try-it-our",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/try-it-our.md",tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7},sidebar:"default",previous:{title:"Make Widget configurable (Optional)",permalink:"/react-native-android-widget/docs/tutorial/make-widget-configurable"},next:{title:"Congratulations!",permalink:"/react-native-android-widget/docs/tutorial/congratulations"}},d={},c=[];function u(t){const e={h1:"h1",p:"p",...(0,o.a)(),...t.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h1,{id:"try-it-out",children:"Try it out"}),"\n",(0,i.jsx)(e.p,{children:"After rebuilding our app (or creating a Dev Client for Expo), we can start it and add our first widget to the Home Screen."}),"\n",(0,i.jsx)(e.p,{children:"If everything was successful, you should see it in the widget picker, and be able to drop it on the home screen."})]})}function l(t={}){const{wrapper:e}={...(0,o.a)(),...t.components};return e?(0,i.jsx)(e,{...t,children:(0,i.jsx)(u,{...t})}):u(t)}},1151:(t,e,r)=>{r.d(e,{Z:()=>s,a:()=>a});var i=r(7294);const o={},n=i.createContext(o);function a(t){const e=i.useContext(n);return i.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function s(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(o):t.components||o:a(t.components),i.createElement(n.Provider,{value:e},t.children)}}}]); \ No newline at end of file diff --git a/assets/js/7135efbc.014508c3.js b/assets/js/7135efbc.014508c3.js new file mode 100644 index 0000000..1529c32 --- /dev/null +++ b/assets/js/7135efbc.014508c3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7071],{8285:(e,r,i)=>{i.r(r),i.d(r,{assets:()=>s,contentTitle:()=>t,default:()=>a,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=i(5893),d=i(1151);const o={id:"FlexWidgetStyle",title:"Interface: FlexWidgetStyle",sidebar_label:"FlexWidgetStyle",sidebar_position:0,custom_edit_url:null},t=void 0,l={id:"public-api/interfaces/FlexWidgetStyle",title:"Interface: FlexWidgetStyle",description:"Hierarchy",source:"@site/docs/public-api/interfaces/FlexWidgetStyle.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/FlexWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"FlexWidgetStyle",title:"Interface: FlexWidgetStyle",sidebar_label:"FlexWidgetStyle",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"FlexWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps"},next:{title:"IconWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps"}},s={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"flex",id:"flex",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"flexDirection",id:"flexdirection",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"alignItems",id:"alignitems",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"justifyContent",id:"justifycontent",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"flexGap",id:"flexgap",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"flexGapColor",id:"flexgapcolor",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"overflow",id:"overflow",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"padding",id:"padding",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"paddingTop",id:"paddingtop",level:3},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"paddingLeft",id:"paddingleft",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"paddingRight",id:"paddingright",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-21",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-22",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-23",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Inherited from",id:"inherited-from-24",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-25",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-26",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-27",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-28",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-29",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-30",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-31",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-32",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-33",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-34",level:4},{value:"borderRadius",id:"borderradius",level:3},{value:"Inherited from",id:"inherited-from-35",level:4},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"Inherited from",id:"inherited-from-36",level:4},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"Inherited from",id:"inherited-from-37",level:4},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"Inherited from",id:"inherited-from-38",level:4},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"Inherited from",id:"inherited-from-39",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-40",level:4},{value:"rotation",id:"rotation",level:3},{value:"Inherited from",id:"inherited-from-41",level:4}];function h(e){const r={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,d.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,n.jsxs)(r.ul,{children:["\n",(0,n.jsxs)(r.li,{children:["\n",(0,n.jsx)(r.p,{children:(0,n.jsx)(r.code,{children:"FlexStyleProps"})}),"\n"]}),"\n",(0,n.jsxs)(r.li,{children:["\n",(0,n.jsx)(r.p,{children:(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,n.jsx)(r.code,{children:"CommonStyleProps"})})}),"\n",(0,n.jsxs)(r.p,{children:["\u21b3 ",(0,n.jsx)(r.strong,{children:(0,n.jsx)(r.code,{children:"FlexWidgetStyle"})})]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(r.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsx)(r.h3,{id:"flex",children:"flex"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"flex"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"FlexStyleProps.flex"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"flexdirection",children:"flexDirection"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"flexDirection"}),": ",(0,n.jsx)(r.code,{children:'"row"'})," | ",(0,n.jsx)(r.code,{children:'"column"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"FlexStyleProps.flexDirection"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"alignitems",children:"alignItems"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"alignItems"}),": ",(0,n.jsx)(r.code,{children:'"flex-start"'})," | ",(0,n.jsx)(r.code,{children:'"flex-end"'})," | ",(0,n.jsx)(r.code,{children:'"center"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-2",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"FlexStyleProps.alignItems"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"justifycontent",children:"justifyContent"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"justifyContent"}),": ",(0,n.jsx)(r.code,{children:'"flex-start"'})," | ",(0,n.jsx)(r.code,{children:'"flex-end"'})," | ",(0,n.jsx)(r.code,{children:'"center"'})," | ",(0,n.jsx)(r.code,{children:'"space-between"'})," | ",(0,n.jsx)(r.code,{children:'"space-around"'})," | ",(0,n.jsx)(r.code,{children:'"space-evenly"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-3",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"FlexStyleProps.justifyContent"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"flexgap",children:"flexGap"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"flexGap"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-4",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"FlexStyleProps.flexGap"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"flexgapcolor",children:"flexGapColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"flexGapColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-5",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"FlexStyleProps.flexGapColor"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"overflow",children:"overflow"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"overflow"}),": ",(0,n.jsx)(r.code,{children:'"hidden"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-6",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"FlexStyleProps.overflow"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"margin",children:"margin"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"margin"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-7",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margin",children:"margin"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginhorizontal",children:"marginHorizontal"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginHorizontal"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-8",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginhorizontal",children:"marginHorizontal"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginvertical",children:"marginVertical"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginVertical"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-9",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginvertical",children:"marginVertical"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"margintop",children:"marginTop"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginTop"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-10",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margintop",children:"marginTop"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginbottom",children:"marginBottom"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginBottom"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-11",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginbottom",children:"marginBottom"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginleft",children:"marginLeft"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginLeft"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-12",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginleft",children:"marginLeft"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginright",children:"marginRight"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginRight"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-13",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginright",children:"marginRight"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"padding",children:"padding"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"padding"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-14",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#padding",children:"padding"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddinghorizontal",children:"paddingHorizontal"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingHorizontal"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-15",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddinghorizontal",children:"paddingHorizontal"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingvertical",children:"paddingVertical"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingVertical"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-16",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingvertical",children:"paddingVertical"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingtop",children:"paddingTop"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingTop"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-17",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingtop",children:"paddingTop"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingbottom",children:"paddingBottom"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingBottom"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-18",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingbottom",children:"paddingBottom"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingleft",children:"paddingLeft"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingLeft"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-19",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingleft",children:"paddingLeft"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingright",children:"paddingRight"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingRight"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-20",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingright",children:"paddingRight"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"height",children:"height"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"height"}),": ",(0,n.jsx)(r.code,{children:"number"})," | ",(0,n.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,n.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-21",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#height",children:"height"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"width",children:"width"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"width"}),": ",(0,n.jsx)(r.code,{children:"number"})," | ",(0,n.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,n.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-22",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#width",children:"width"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"backgroundcolor",children:"backgroundColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"backgroundColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-23",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundcolor",children:"backgroundColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"backgroundgradient",children:"backgroundGradient"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"backgroundGradient"}),": ",(0,n.jsx)(r.code,{children:"Object"})]}),"\n",(0,n.jsx)(r.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,n.jsxs)(r.table,{children:[(0,n.jsx)(r.thead,{children:(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.th,{style:{textAlign:"left"},children:"Name"}),(0,n.jsx)(r.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,n.jsxs)(r.tbody,{children:[(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"from"})}),(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.a,{href:"../#colorprop",children:(0,n.jsx)(r.code,{children:"ColorProp"})})})]}),(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"to"})}),(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.a,{href:"../#colorprop",children:(0,n.jsx)(r.code,{children:"ColorProp"})})})]}),(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"orientation"})}),(0,n.jsxs)(r.td,{style:{textAlign:"left"},children:[(0,n.jsx)(r.code,{children:'"TOP_BOTTOM"'})," | ",(0,n.jsx)(r.code,{children:'"TR_BL"'})," | ",(0,n.jsx)(r.code,{children:'"RIGHT_LEFT"'})," | ",(0,n.jsx)(r.code,{children:'"BR_TL"'})," | ",(0,n.jsx)(r.code,{children:'"BOTTOM_TOP"'})," | ",(0,n.jsx)(r.code,{children:'"BL_TR"'})," | ",(0,n.jsx)(r.code,{children:'"LEFT_RIGHT"'})," | ",(0,n.jsx)(r.code,{children:'"TL_BR"'})]})]})]})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-24",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundgradient",children:"backgroundGradient"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderwidth",children:"borderWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-25",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderwidth",children:"borderWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertopwidth",children:"borderTopWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-26",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopwidth",children:"borderTopWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomwidth",children:"borderBottomWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-27",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomwidth",children:"borderBottomWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderleftwidth",children:"borderLeftWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderLeftWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-28",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftwidth",children:"borderLeftWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderrightwidth",children:"borderRightWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderRightWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-29",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightwidth",children:"borderRightWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordercolor",children:"borderColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-30",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordercolor",children:"borderColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertopcolor",children:"borderTopColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-31",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopcolor",children:"borderTopColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomcolor",children:"borderBottomColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-32",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomcolor",children:"borderBottomColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderleftcolor",children:"borderLeftColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderLeftColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-33",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftcolor",children:"borderLeftColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderrightcolor",children:"borderRightColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderRightColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-34",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightcolor",children:"borderRightColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderradius",children:"borderRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-35",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderradius",children:"borderRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertopleftradius",children:"borderTopLeftRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopLeftRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-36",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopleftradius",children:"borderTopLeftRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertoprightradius",children:"borderTopRightRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopRightRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-37",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertoprightradius",children:"borderTopRightRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomleftradius",children:"borderBottomLeftRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomLeftRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-38",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomleftradius",children:"borderBottomLeftRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomrightradius",children:"borderBottomRightRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomRightRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-39",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomrightradius",children:"borderBottomRightRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderstyle",children:"borderStyle"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderStyle"}),": ",(0,n.jsx)(r.code,{children:'"solid"'})," | ",(0,n.jsx)(r.code,{children:'"dotted"'})," | ",(0,n.jsx)(r.code,{children:'"dashed"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-40",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderstyle",children:"borderStyle"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"rotation",children:"rotation"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"rotation"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-41",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#rotation",children:"rotation"})]})]})}function a(e={}){const{wrapper:r}={...(0,d.a)(),...e.components};return r?(0,n.jsx)(r,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},1151:(e,r,i)=>{i.d(r,{Z:()=>l,a:()=>t});var n=i(7294);const d={},o=n.createContext(d);function t(e){const r=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(r):{...r,...e}}),[r,e])}function l(e){let r;return r=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:t(e.components),n.createElement(o.Provider,{value:r},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/7135efbc.2352fcb2.js b/assets/js/7135efbc.2352fcb2.js deleted file mode 100644 index e1bb127..0000000 --- a/assets/js/7135efbc.2352fcb2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7071],{3905:(e,t,r)=>{r.d(t,{Zo:()=>m,kt:()=>c});var i=r(7294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function o(e){for(var t=1;t =0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var d=i.createContext({}),p=function(e){var t=i.useContext(d),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},m=function(e){var t=p(e.components);return i.createElement(d.Provider,{value:t},e.children)},h={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},k=i.forwardRef((function(e,t){var r=e.components,n=e.mdxType,a=e.originalType,d=e.parentName,m=l(e,["components","mdxType","originalType","parentName"]),k=p(r),c=n,f=k["".concat(d,".").concat(c)]||k[c]||h[c]||a;return r?i.createElement(f,o(o({ref:t},m),{},{components:r})):i.createElement(f,o({ref:t},m))}));function c(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var a=r.length,o=new Array(a);o[0]=k;var l={};for(var d in t)hasOwnProperty.call(t,d)&&(l[d]=t[d]);l.originalType=e,l.mdxType="string"==typeof e?e:n,o[1]=l;for(var p=2;p{r.r(t),r.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var i=r(7462),n=(r(7294),r(3905));const a={id:"FlexWidgetStyle",title:"Interface: FlexWidgetStyle",sidebar_label:"FlexWidgetStyle",sidebar_position:0,custom_edit_url:null},o=void 0,l={unversionedId:"public-api/interfaces/FlexWidgetStyle",id:"public-api/interfaces/FlexWidgetStyle",title:"Interface: FlexWidgetStyle",description:"Hierarchy",source:"@site/docs/public-api/interfaces/FlexWidgetStyle.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/FlexWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"FlexWidgetStyle",title:"Interface: FlexWidgetStyle",sidebar_label:"FlexWidgetStyle",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"FlexWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps"},next:{title:"IconWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps"}},d={},p=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"flex",id:"flex",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"flexDirection",id:"flexdirection",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"alignItems",id:"alignitems",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"justifyContent",id:"justifycontent",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"flexGap",id:"flexgap",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"flexGapColor",id:"flexgapcolor",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"overflow",id:"overflow",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"padding",id:"padding",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"paddingTop",id:"paddingtop",level:3},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"paddingLeft",id:"paddingleft",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"paddingRight",id:"paddingright",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-21",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-22",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-23",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Inherited from",id:"inherited-from-24",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-25",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-26",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-27",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-28",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-29",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-30",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-31",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-32",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-33",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-34",level:4},{value:"borderRadius",id:"borderradius",level:3},{value:"Inherited from",id:"inherited-from-35",level:4},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"Inherited from",id:"inherited-from-36",level:4},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"Inherited from",id:"inherited-from-37",level:4},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"Inherited from",id:"inherited-from-38",level:4},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"Inherited from",id:"inherited-from-39",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-40",level:4},{value:"rotation",id:"rotation",level:3},{value:"Inherited from",id:"inherited-from-41",level:4}],m={toc:p};function h(e){let{components:t,...r}=e;return(0,n.kt)("wrapper",(0,i.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"FlexStyleProps"))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,n.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))),(0,n.kt)("p",{parentName:"li"},"\u21b3 ",(0,n.kt)("strong",{parentName:"p"},(0,n.kt)("inlineCode",{parentName:"strong"},"FlexWidgetStyle"))))),(0,n.kt)("h2",{id:"properties"},"Properties"),(0,n.kt)("h3",{id:"flex"},"flex"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"flex"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,n.kt)("p",null,"FlexStyleProps.flex"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"flexdirection"},"flexDirection"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"flexDirection"),": ",(0,n.kt)("inlineCode",{parentName:"p"},'"row"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"column"')),(0,n.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,n.kt)("p",null,"FlexStyleProps.flexDirection"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"alignitems"},"alignItems"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"alignItems"),": ",(0,n.kt)("inlineCode",{parentName:"p"},'"flex-start"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"flex-end"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"center"')),(0,n.kt)("h4",{id:"inherited-from-2"},"Inherited from"),(0,n.kt)("p",null,"FlexStyleProps.alignItems"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"justifycontent"},"justifyContent"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"justifyContent"),": ",(0,n.kt)("inlineCode",{parentName:"p"},'"flex-start"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"flex-end"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"center"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"space-between"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"space-around"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"space-evenly"')),(0,n.kt)("h4",{id:"inherited-from-3"},"Inherited from"),(0,n.kt)("p",null,"FlexStyleProps.justifyContent"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"flexgap"},"flexGap"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"flexGap"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-4"},"Inherited from"),(0,n.kt)("p",null,"FlexStyleProps.flexGap"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"flexgapcolor"},"flexGapColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"flexGapColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-5"},"Inherited from"),(0,n.kt)("p",null,"FlexStyleProps.flexGapColor"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"overflow"},"overflow"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"overflow"),": ",(0,n.kt)("inlineCode",{parentName:"p"},'"hidden"')),(0,n.kt)("h4",{id:"inherited-from-6"},"Inherited from"),(0,n.kt)("p",null,"FlexStyleProps.overflow"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"margin"},"margin"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"margin"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-7"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margin"},"margin")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginhorizontal"},"marginHorizontal"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginHorizontal"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-8"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginhorizontal"},"marginHorizontal")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginvertical"},"marginVertical"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginVertical"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-9"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginvertical"},"marginVertical")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"margintop"},"marginTop"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginTop"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-10"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margintop"},"marginTop")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginbottom"},"marginBottom"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginBottom"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-11"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginbottom"},"marginBottom")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginleft"},"marginLeft"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginLeft"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-12"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginleft"},"marginLeft")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginright"},"marginRight"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginRight"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-13"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginright"},"marginRight")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"padding"},"padding"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"padding"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-14"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#padding"},"padding")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddinghorizontal"},"paddingHorizontal"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingHorizontal"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-15"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddinghorizontal"},"paddingHorizontal")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingvertical"},"paddingVertical"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingVertical"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-16"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingvertical"},"paddingVertical")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingtop"},"paddingTop"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingTop"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-17"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingtop"},"paddingTop")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingbottom"},"paddingBottom"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingBottom"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-18"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingbottom"},"paddingBottom")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingleft"},"paddingLeft"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingLeft"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-19"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingleft"},"paddingLeft")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingright"},"paddingRight"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingRight"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-20"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingright"},"paddingRight")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"height"},"height"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"height"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,n.kt)("h4",{id:"inherited-from-21"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#height"},"height")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"width"},"width"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"width"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,n.kt)("h4",{id:"inherited-from-22"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#width"},"width")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"backgroundcolor"},"backgroundColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"backgroundColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-23"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundcolor"},"backgroundColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"backgroundgradient"},"backgroundGradient"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"backgroundGradient"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"Object")),(0,n.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"from")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"to")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"orientation")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},'"TOP_BOTTOM"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"TR_BL"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"RIGHT_LEFT"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"BR_TL"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"BOTTOM_TOP"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"BL_TR"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"LEFT_RIGHT"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"TL_BR"'))))),(0,n.kt)("h4",{id:"inherited-from-24"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundgradient"},"backgroundGradient")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderwidth"},"borderWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-25"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderwidth"},"borderWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopwidth"},"borderTopWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-26"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopwidth"},"borderTopWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomwidth"},"borderBottomWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-27"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomwidth"},"borderBottomWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderleftwidth"},"borderLeftWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderLeftWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-28"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftwidth"},"borderLeftWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderrightwidth"},"borderRightWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRightWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-29"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightwidth"},"borderRightWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordercolor"},"borderColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-30"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordercolor"},"borderColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopcolor"},"borderTopColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-31"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopcolor"},"borderTopColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomcolor"},"borderBottomColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-32"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomcolor"},"borderBottomColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderleftcolor"},"borderLeftColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderLeftColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-33"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftcolor"},"borderLeftColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderrightcolor"},"borderRightColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRightColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-34"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightcolor"},"borderRightColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderradius"},"borderRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-35"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderradius"},"borderRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopleftradius"},"borderTopLeftRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopLeftRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-36"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopleftradius"},"borderTopLeftRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertoprightradius"},"borderTopRightRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopRightRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-37"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertoprightradius"},"borderTopRightRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomleftradius"},"borderBottomLeftRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomLeftRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-38"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomleftradius"},"borderBottomLeftRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomrightradius"},"borderBottomRightRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomRightRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-39"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomrightradius"},"borderBottomRightRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderstyle"},"borderStyle"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderStyle"),": ",(0,n.kt)("inlineCode",{parentName:"p"},'"solid"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"dotted"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"dashed"')),(0,n.kt)("h4",{id:"inherited-from-40"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderstyle"},"borderStyle")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"rotation"},"rotation"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"rotation"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-41"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#rotation"},"rotation")))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/730f732a.53c7e01b.js b/assets/js/730f732a.53c7e01b.js new file mode 100644 index 0000000..beebee9 --- /dev/null +++ b/assets/js/730f732a.53c7e01b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[8998],{1382:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>s,contentTitle:()=>a,default:()=>p,frontMatter:()=>t,metadata:()=>l,toc:()=>o});var d=n(5893),r=n(1151);const t={id:"PaddingStyleProps",title:"Interface: PaddingStyleProps",sidebar_label:"PaddingStyleProps",sidebar_position:0,custom_edit_url:null},a=void 0,l={id:"public-api/interfaces/PaddingStyleProps",title:"Interface: PaddingStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/PaddingStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/PaddingStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"PaddingStyleProps",title:"Interface: PaddingStyleProps",sidebar_label:"PaddingStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"OverlapWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle"},next:{title:"RequestWidgetUpdateProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps"}},s={},o=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"padding",id:"padding",level:3},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"paddingTop",id:"paddingtop",level:3},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"paddingLeft",id:"paddingleft",level:3},{value:"paddingRight",id:"paddingright",level:3}];function c(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.a)(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,d.jsxs)(i.ul,{children:["\n",(0,d.jsxs)(i.li,{children:["\n",(0,d.jsx)(i.p,{children:(0,d.jsx)(i.strong,{children:(0,d.jsx)(i.code,{children:"PaddingStyleProps"})})}),"\n",(0,d.jsxs)(i.p,{children:["\u21b3 ",(0,d.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,d.jsx)(i.code,{children:"CommonStyleProps"})})]}),"\n"]}),"\n"]}),"\n",(0,d.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,d.jsx)(i.h3,{id:"padding",children:"padding"}),"\n",(0,d.jsxs)(i.p,{children:["\u2022 ",(0,d.jsx)(i.code,{children:"Optional"})," ",(0,d.jsx)(i.strong,{children:"padding"}),": ",(0,d.jsx)(i.code,{children:"number"})]}),"\n",(0,d.jsx)(i.hr,{}),"\n",(0,d.jsx)(i.h3,{id:"paddinghorizontal",children:"paddingHorizontal"}),"\n",(0,d.jsxs)(i.p,{children:["\u2022 ",(0,d.jsx)(i.code,{children:"Optional"})," ",(0,d.jsx)(i.strong,{children:"paddingHorizontal"}),": ",(0,d.jsx)(i.code,{children:"number"})]}),"\n",(0,d.jsx)(i.hr,{}),"\n",(0,d.jsx)(i.h3,{id:"paddingvertical",children:"paddingVertical"}),"\n",(0,d.jsxs)(i.p,{children:["\u2022 ",(0,d.jsx)(i.code,{children:"Optional"})," ",(0,d.jsx)(i.strong,{children:"paddingVertical"}),": ",(0,d.jsx)(i.code,{children:"number"})]}),"\n",(0,d.jsx)(i.hr,{}),"\n",(0,d.jsx)(i.h3,{id:"paddingtop",children:"paddingTop"}),"\n",(0,d.jsxs)(i.p,{children:["\u2022 ",(0,d.jsx)(i.code,{children:"Optional"})," ",(0,d.jsx)(i.strong,{children:"paddingTop"}),": ",(0,d.jsx)(i.code,{children:"number"})]}),"\n",(0,d.jsx)(i.hr,{}),"\n",(0,d.jsx)(i.h3,{id:"paddingbottom",children:"paddingBottom"}),"\n",(0,d.jsxs)(i.p,{children:["\u2022 ",(0,d.jsx)(i.code,{children:"Optional"})," ",(0,d.jsx)(i.strong,{children:"paddingBottom"}),": ",(0,d.jsx)(i.code,{children:"number"})]}),"\n",(0,d.jsx)(i.hr,{}),"\n",(0,d.jsx)(i.h3,{id:"paddingleft",children:"paddingLeft"}),"\n",(0,d.jsxs)(i.p,{children:["\u2022 ",(0,d.jsx)(i.code,{children:"Optional"})," ",(0,d.jsx)(i.strong,{children:"paddingLeft"}),": ",(0,d.jsx)(i.code,{children:"number"})]}),"\n",(0,d.jsx)(i.hr,{}),"\n",(0,d.jsx)(i.h3,{id:"paddingright",children:"paddingRight"}),"\n",(0,d.jsxs)(i.p,{children:["\u2022 ",(0,d.jsx)(i.code,{children:"Optional"})," ",(0,d.jsx)(i.strong,{children:"paddingRight"}),": ",(0,d.jsx)(i.code,{children:"number"})]})]})}function p(e={}){const{wrapper:i}={...(0,r.a)(),...e.components};return i?(0,d.jsx)(i,{...e,children:(0,d.jsx)(c,{...e})}):c(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>l,a:()=>a});var d=n(7294);const r={},t=d.createContext(r);function a(e){const i=d.useContext(t);return d.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function l(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:a(e.components),d.createElement(t.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/730f732a.79713d87.js b/assets/js/730f732a.79713d87.js deleted file mode 100644 index 894f472..0000000 --- a/assets/js/730f732a.79713d87.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[8998],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>g});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function p(e){for(var t=1;t =0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l=r.createContext({}),o=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):p(p({},t),e)),n},c=function(e){var t=o(e.components);return r.createElement(l.Provider,{value:t},e.children)},u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},s=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,a=e.originalType,l=e.parentName,c=d(e,["components","mdxType","originalType","parentName"]),s=o(n),g=i,m=s["".concat(l,".").concat(g)]||s[g]||u[g]||a;return n?r.createElement(m,p(p({ref:t},c),{},{components:n})):r.createElement(m,p({ref:t},c))}));function g(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=n.length,p=new Array(a);p[0]=s;var d={};for(var l in t)hasOwnProperty.call(t,l)&&(d[l]=t[l]);d.originalType=e,d.mdxType="string"==typeof e?e:i,p[1]=d;for(var o=2;o{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>p,default:()=>u,frontMatter:()=>a,metadata:()=>d,toc:()=>o});var r=n(7462),i=(n(7294),n(3905));const a={id:"PaddingStyleProps",title:"Interface: PaddingStyleProps",sidebar_label:"PaddingStyleProps",sidebar_position:0,custom_edit_url:null},p=void 0,d={unversionedId:"public-api/interfaces/PaddingStyleProps",id:"public-api/interfaces/PaddingStyleProps",title:"Interface: PaddingStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/PaddingStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/PaddingStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"PaddingStyleProps",title:"Interface: PaddingStyleProps",sidebar_label:"PaddingStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"OverlapWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle"},next:{title:"RequestWidgetUpdateProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps"}},l={},o=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"padding",id:"padding",level:3},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"paddingTop",id:"paddingtop",level:3},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"paddingLeft",id:"paddingleft",level:3},{value:"paddingRight",id:"paddingright",level:3}],c={toc:o};function u(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("inlineCode",{parentName:"strong"},"PaddingStyleProps"))),(0,i.kt)("p",{parentName:"li"},"\u21b3 ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,i.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))))),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"padding"},"padding"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"padding"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddinghorizontal"},"paddingHorizontal"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingHorizontal"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingvertical"},"paddingVertical"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingVertical"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingtop"},"paddingTop"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingTop"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingbottom"},"paddingBottom"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingBottom"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingleft"},"paddingLeft"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingLeft"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingright"},"paddingRight"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingRight"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/7402041a.7638dbdf.js b/assets/js/7402041a.7638dbdf.js deleted file mode 100644 index a4a786e..0000000 --- a/assets/js/7402041a.7638dbdf.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9557],{3905:(e,t,n)=>{n.d(t,{Zo:()=>s,kt:()=>g});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t =0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var p=r.createContext({}),l=function(e){var t=r.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):d(d({},t),e)),n},s=function(e){var t=l(e.components);return r.createElement(p.Provider,{value:t},e.children)},c={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,a=e.originalType,p=e.parentName,s=o(e,["components","mdxType","originalType","parentName"]),u=l(n),g=i,m=u["".concat(p,".").concat(g)]||u[g]||c[g]||a;return n?r.createElement(m,d(d({ref:t},s),{},{components:n})):r.createElement(m,d({ref:t},s))}));function g(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=n.length,d=new Array(a);d[0]=u;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:i,d[1]=o;for(var l=2;l{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>d,default:()=>c,frontMatter:()=>a,metadata:()=>o,toc:()=>l});var r=n(7462),i=(n(7294),n(3905));const a={sidebar_position:4,sidebar_label:"Update Widget"},d="Update Widget",o={unversionedId:"update-widget",id:"update-widget",title:"Update Widget",description:"There are two ways to update a widget once it is added on the home screen.",source:"@site/docs/update-widget.md",sourceDirName:".",slug:"/update-widget",permalink:"/react-native-android-widget/docs/update-widget",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/update-widget.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_label:"Update Widget"},sidebar:"default",previous:{title:"SvgWidget",permalink:"/react-native-android-widget/docs/primitives/svg-widget"},next:{title:"Handling Clicks",permalink:"/react-native-android-widget/docs/handling-clicks"}},p={},l=[{value:"updatePeriodMillis",id:"updateperiodmillis",level:2},{value:"requestWidgetUpdate",id:"requestwidgetupdate",level:2}],s={toc:l};function c(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"update-widget"},"Update Widget"),(0,i.kt)("p",null,"There are two ways to update a widget once it is added on the home screen."),(0,i.kt)("h2",{id:"updateperiodmillis"},"updatePeriodMillis"),(0,i.kt)("p",null,"Schedule updates using ",(0,i.kt)("inlineCode",{parentName:"p"},"android:updatePeriodMillis")," (or ",(0,i.kt)("inlineCode",{parentName:"p"},"updatePeriodMillis")," with Expo)"),(0,i.kt)("p",null,"When using this option, the ",(0,i.kt)("inlineCode",{parentName:"p"},"widgetTaskHandler")," function will be called with ",(0,i.kt)("inlineCode",{parentName:"p"},"widgetAction = 'WIDGET_UPDATE'"),", and you can use it to update the widget."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="widget-task-handler.tsx"',title:'"widget-task-handler.tsx"'},"export async function widgetTaskHandler(props: WidgetTaskHandlerProps) {\n\n switch (props.widgetAction) {\n ...\n\n case 'WIDGET_UPDATE':\n props.renderWidget( );\n break;\n\n ...\n }\n}\n")),(0,i.kt)("admonition",{title:"Note",type:"info"},(0,i.kt)("p",{parentName:"admonition"},"Updates requested with updatePeriodMillis will not be delivered more than once every 30 minutes.")),(0,i.kt)("p",null,"More details about ",(0,i.kt)("inlineCode",{parentName:"p"},"updatePeriodMillis")," on the ",(0,i.kt)("a",{parentName:"p",href:"https://developer.android.com/reference/android/appwidget/AppWidgetProviderInfo.html#updatePeriodMillis"},"official documentation"),"."),(0,i.kt)("h2",{id:"requestwidgetupdate"},"requestWidgetUpdate"),(0,i.kt)("p",null,"You can call ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/api/request-widget-update"},(0,i.kt)("inlineCode",{parentName:"a"},"requestWidgetUpdate"))," any time when your app is open as a result of some user action, and request a widget update."))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/7402041a.c9221ca9.js b/assets/js/7402041a.c9221ca9.js new file mode 100644 index 0000000..46450ce --- /dev/null +++ b/assets/js/7402041a.c9221ca9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9557],{6035:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>r,default:()=>p,frontMatter:()=>a,metadata:()=>s,toc:()=>c});var d=i(5893),n=i(1151);const a={sidebar_position:4,sidebar_label:"Update Widget"},r="Update Widget",s={id:"update-widget",title:"Update Widget",description:"There are two ways to update a widget once it is added on the home screen.",source:"@site/docs/update-widget.md",sourceDirName:".",slug:"/update-widget",permalink:"/react-native-android-widget/docs/update-widget",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/update-widget.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_label:"Update Widget"},sidebar:"default",previous:{title:"SvgWidget",permalink:"/react-native-android-widget/docs/primitives/svg-widget"},next:{title:"Handling Clicks",permalink:"/react-native-android-widget/docs/handling-clicks"}},o={},c=[{value:"updatePeriodMillis",id:"updateperiodmillis",level:2},{value:"requestWidgetUpdate",id:"requestwidgetupdate",level:2}];function l(e){const t={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...(0,n.a)(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{id:"update-widget",children:"Update Widget"}),"\n",(0,d.jsx)(t.p,{children:"There are two ways to update a widget once it is added on the home screen."}),"\n",(0,d.jsx)(t.h2,{id:"updateperiodmillis",children:"updatePeriodMillis"}),"\n",(0,d.jsxs)(t.p,{children:["Schedule updates using ",(0,d.jsx)(t.code,{children:"android:updatePeriodMillis"})," (or ",(0,d.jsx)(t.code,{children:"updatePeriodMillis"})," with Expo)"]}),"\n",(0,d.jsxs)(t.p,{children:["When using this option, the ",(0,d.jsx)(t.code,{children:"widgetTaskHandler"})," function will be called with ",(0,d.jsx)(t.code,{children:"widgetAction = 'WIDGET_UPDATE'"}),", and you can use it to update the widget."]}),"\n",(0,d.jsx)(t.pre,{children:(0,d.jsx)(t.code,{className:"language-js",metastring:'title="widget-task-handler.tsx"',children:"export async function widgetTaskHandler(props: WidgetTaskHandlerProps) {\n\n switch (props.widgetAction) {\n ...\n\n case 'WIDGET_UPDATE':\n props.renderWidget( );\n break;\n\n ...\n }\n}\n"})}),"\n",(0,d.jsx)(t.admonition,{title:"Note",type:"info",children:(0,d.jsx)(t.p,{children:"Updates requested with updatePeriodMillis will not be delivered more than once every 30 minutes."})}),"\n",(0,d.jsxs)(t.p,{children:["More details about ",(0,d.jsx)(t.code,{children:"updatePeriodMillis"})," on the ",(0,d.jsx)(t.a,{href:"https://developer.android.com/reference/android/appwidget/AppWidgetProviderInfo.html#updatePeriodMillis",children:"official documentation"}),"."]}),"\n",(0,d.jsx)(t.h2,{id:"requestwidgetupdate",children:"requestWidgetUpdate"}),"\n",(0,d.jsxs)(t.p,{children:["You can call ",(0,d.jsx)(t.a,{href:"/react-native-android-widget/docs/api/request-widget-update",children:(0,d.jsx)(t.code,{children:"requestWidgetUpdate"})})," any time when your app is open as a result of some user action, and request a widget update."]})]})}function p(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(l,{...e})}):l(e)}},1151:(e,t,i)=>{i.d(t,{Z:()=>s,a:()=>r});var d=i(7294);const n={},a=d.createContext(n);function r(e){const t=d.useContext(a);return d.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),d.createElement(a.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/74b23640.b7ba9192.js b/assets/js/74b23640.b7ba9192.js new file mode 100644 index 0000000..e1129f4 --- /dev/null +++ b/assets/js/74b23640.b7ba9192.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[2814],{9562:(A,e,t)=>{t.r(e),t.d(e,{assets:()=>a,contentTitle:()=>d,default:()=>o,frontMatter:()=>r,metadata:()=>s,toc:()=>c});var n=t(5893),i=t(1151);const r={sidebar_position:6,sidebar_label:"Demo"},d="Demo",s={id:"demo",title:"Demo",description:"You can download the demo app with the example widgets from the Releases Page",source:"@site/docs/demo.md",sourceDirName:".",slug:"/demo",permalink:"/react-native-android-widget/docs/demo",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/demo.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_label:"Demo"},sidebar:"default",previous:{title:"Handling Clicks",permalink:"/react-native-android-widget/docs/handling-clicks"},next:{title:"Limitations",permalink:"/react-native-android-widget/docs/limitations"}},a={},c=[{value:"Fitness Widget Preview",id:"fitness-widget-preview",level:2},{value:"List Widget Preview",id:"list-widget-preview",level:2},{value:"Resizable Music Widget Preview",id:"resizable-music-widget-preview",level:2},{value:"Rotated Widget Preview",id:"rotated-widget-preview",level:2},{value:"Shopify Widget Preview",id:"shopify-widget-preview",level:2},{value:"Click Demo Widget Preview",id:"click-demo-widget-preview",level:2},{value:"Counter Widget Preview",id:"counter-widget-preview",level:2},{value:"Configurable Widget Preview",id:"configurable-widget-preview",level:2},{value:"Debug Events Widget Preview",id:"debug-events-widget-preview",level:2}];function l(A){const e={a:"a",h1:"h1",h2:"h2",img:"img",p:"p",...(0,i.a)(),...A.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{id:"demo",children:"Demo"}),"\n",(0,n.jsxs)(e.p,{children:["You can download the demo app with the example widgets from the ",(0,n.jsx)(e.a,{href:"https://github.com/sAleksovski/react-native-android-widget/releases",children:"Releases Page"})]}),"\n",(0,n.jsx)(e.h2,{id:"fitness-widget-preview",children:"Fitness Widget Preview"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{alt:"Fitness Widget Preview",src:t(1242).Z+"",width:"880",height:"575"})}),"\n",(0,n.jsx)(e.h2,{id:"list-widget-preview",children:"List Widget Preview"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{alt:"List Widget Preview",src:t(4061).Z+"",width:"880",height:"605"})}),"\n",(0,n.jsx)(e.h2,{id:"resizable-music-widget-preview",children:"Resizable Music Widget Preview"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{alt:"Resizable Music Widget Preview",src:t(76).Z+"",width:"963",height:"886"})}),"\n",(0,n.jsx)(e.h2,{id:"rotated-widget-preview",children:"Rotated Widget Preview"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{alt:"Rotated Widget Preview",src:t(786).Z+"",width:"553",height:"886"})}),"\n",(0,n.jsx)(e.h2,{id:"shopify-widget-preview",children:"Shopify Widget Preview"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{alt:"Shopify Widget Preview",src:t(2248).Z+"",width:"880",height:"1100"})}),"\n",(0,n.jsx)(e.h2,{id:"click-demo-widget-preview",children:"Click Demo Widget Preview"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{alt:"Click Demo Widget Preview",src:t(4949).Z+"",width:"916",height:"545"})}),"\n",(0,n.jsx)(e.h2,{id:"counter-widget-preview",children:"Counter Widget Preview"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{alt:"Counter Widget Preview",src:t(9183).Z+"",width:"825",height:"330"})}),"\n",(0,n.jsx)(e.h2,{id:"configurable-widget-preview",children:"Configurable Widget Preview"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{alt:"Configurable Widget Preview",src:t(9183).Z+"",width:"825",height:"330"})}),"\n",(0,n.jsx)(e.h2,{id:"debug-events-widget-preview",children:"Debug Events Widget Preview"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{alt:"Debug Events Widget Preview",src:t(7974).Z+"",width:"886",height:"580"})})]})}function o(A={}){const{wrapper:e}={...(0,i.a)(),...A.components};return e?(0,n.jsx)(e,{...A,children:(0,n.jsx)(l,{...A})}):l(A)}},4949:(A,e,t)=>{t.d(e,{Z:()=>n});const n=t.p+"assets/images/clickdemo-593febb0e4f48be76bd8b38d13d988d3.png"},9183:(A,e,t)=>{t.d(e,{Z:()=>n});const n="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzkAAAFKCAYAAAA+O5FfAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAACAASURBVHic7d17lJ1lYS7w502ABAomECNXgcot3ARhQeVSCVYQCwie4wGsFRDE1nUQsceztFJrbRWoUioiWqiiWBRIrQvBog1eQpGDQhGIchESxRKIGEyASJhB4D1/TIIh5DJ7Zu/59t7z+601a5LMe3nyF3l43+/bJbSk1jo9yU5Jdk6yXZLNkkxZ5esly79PbygmAADdb1GSx5d/PbHSrx9PsjjJL5Lcl+S+UsqjTYXsRaXpAN2q1vrKJHtkqNCsKDU7JZnaZC4AAMalxzJUeO5f6fvcUspdjabqUkrOcrXWPZLMXP71mjiFAQCg+y1KckOSOcu/7i6l1GYjNW/clhylBgCAPqT0ZJyVnFrr7yd5R5I/TbJtw3EAAKDT5iX5lyT/Ukr5edNhxkrfl5xa66ZJjk/ytiQHNhwHAACa8v+SXJbkX0spS5oO00l9WXJqrRskOTJDxebIJBs0mwgAALrG00m+keRLSb5ZSnm64Txt11clp9a6foauor0/yS4NxwEAgG53b5K/T/LlUspvmw7TLn1Rcmqtv5fktCT/J8k2DccBAIBesyDJeUk+V0p5sukwo9XTJafWulmSM5KcnmRaw3EAAKDX/TrJhUkuLKUsbjrMSPVkyam1Tkry3iQfTLJJw3EAAKDfLE3y0SQXlFIGmw7Tqp4rObXW/5nk40le0XQWAADocz9L8n9LKV9rOkgreqbk1FpfmeRTSQ5pOgsAAIwzNyQ5o5Qyt+kgwzGh6QDrUmt9Wa31c0luj4IDAABNOCTJ7bXWf661vqzpMOvStSc5nrsBAICu1PXP63Rlyam1bpPk6iT7Np0FAABYrduSHFtKWdB0kFV13XW1WusxSeZGwQEAgG62b5K5y//93lW6puTUWtevtX4mQyc4mzadBwAAWKdNk1xda/10rXX9psOs0BXX1Wqtr0gyK05vAACgV92W5LhSys+aDtL4SU6t9a1J7oyCAwAAvWzfJHcu//d9oxotObXWTyS5PMnGTeYAAADaYuMkl9daP9hkiMauq9VaL0lyWlP7AwAAHfXPpZR3NrHxmJecWusGSS5LcsJY7w0AAIypK5OcVEp5eiw3HdOSU2vdKMk3khw6lvsCAACN+V6So0opy8ZqwzErObXW6RkqOPuP1Z4AAEBXuCXJ4aWUx8diszEpObXWbTLU4HYci/0AAICu8+Mkf1xKWdDpjTpecmqtmyX5zyS7d3ovAACgq/0kySGllMWd3KSjJafWOinJjUn26+Q+AABAz7glyWtKKYOd2qBjn5NTa52Y5KtRcAAAgN/ZP8ms5X2hIzr5YaD/kuSoDq4PAAD0pjcm+WKnFu9Iyam1npvkLZ1YGwAA6At/urw3tF3bn8mptX4gyTntXhcAAOhL7y2lfLKdC7a15NRaD0ny3XT2GhwAANA/nkvyR6WUOe1asG0lp9b6siRzk2zerjUBAIBx4ZEkryyl/Kodi7XlxKXWWpJcFQUHAABo3eZJrlzeK0atXdfKzkkys01rAQAA48+hST7cjoVG3ZRqrUclubYNWQAAgPGtLc/njKrk1Fq3TXJnkqmjWQcAAGC5UT+fM+LrarXW9ZJ8LQoOAADQPqN+Pmc0z+S8L8m+o5gPAACwOocmef9IJ4+oHdVat0lyd5JNRroxAADAWixNslspZUGrE0d6kvPpKDgAAEDnbJKh3tGylk9yaq1HJPnmSDYDAABo0RtKKd9qZUJLJafWukGSuUl2aWUeAADACN2bZK9SytPDndDqdbUPRsEBAADGzowkf9HKhGGf5Cx/2cC8JJNaDAUAADAaLb2EoJWTnI9GwQEAAMbeJkn+ariDh3WSU2vdIsmDSdYbYSgAAIDReCrJDqWUhesaONyTnA9EwQEAAJqzYYb5AaHrPMmptU5JsnD5ogAAAE15KslWpZTH1jZoOCc5742CAwAANG/DJGeua9BaT3KWn+I8kGRqm0IBAACMxpIMneYMrGnAuk5y3hUFBwAA6B6bJvnztQ1Y40lOrXVykp8l2bLNoQAAAEbj4Qy9aW21pzlrO8n58yg4AABA99kqyclr+uHaSs6x7c8CAADQFies6Qerva5Wa90+Q1fVhvVhoQAAAGOsJtmplDJ/1R+s6STnhCg4AABA9ypJ/tfqfrC2kgMAANDNVttbXlRyaq17J9mr43EAAABGZ6/l/eUFVneSs8a3FAAAAHSZF53mvOi5m1rrr5JMH5M4AAAAozOvlLLTyn/wgpOc5Uc9Cg4AANArdlz1ytqq19VmjmEYAACAdnhBj1m15BwxhkEAAADa4QUl5/lncmqtGyR5IsmksU4EAAAwCouTvLSUUpMXnuQcGAUHAADoPZtlpY/BWbnkeB4HAADoVc8/eqPkAAAA/eD5klMSz+MAAAA9byDJ1FLK4IqTHM/jAAAAvWxykgOS311X23vNYwEAAHrC3snvSs72DQYBAABoh+2T35WcGQ0GAQAAaIcZiZIDAAD0jxlJUmqtE5I8nWRis3kAAABG5dkkG0xIsnMUHAAAoPdNTLLzhLiqBgAA9I8ZSg4AANBPZkxIskXTKQAAANpkiwkZ+mRQAACAfjB5QpKpTacAAABok6lKDgAA0E+UHAAAoK8oOQAAQF+Z7MUDAABAP1FyAACAvjK11FoHkkxqOgkAAEAbDJZaa206BQAAQLtMaDoAAABAOyk5AABAX1FyAACAvqLkAAAAfUXJAQAA+oqSAwAA9BUlBwAA6CtKDgAA0FeUHAAAoK8oOQAAQF9RcgAAgL6i5AAAAH1FyQEAAPqKkgMAAPQVJQcAAOgrSg4AANBXlBwAAKCvKDkAAEBfUXIAAIC+ouQAAAB9RckBAAD6ipIDAAD0FSUHAADoK0oOAADQV5QcAACgryg5AABAX1FyAACAvqLkAAAAfUXJAQAA+oqSAwAA9BUlBwAA6CtKDgAA0FfWazoAAP2n1pqBgYEMDg5mcHAwEyZMyAYbbJANNtggG264YdPxAOhzSg4AI/b0009n3rx5ueuuuzJ37tzMnz//+d8vW7ZstXOmTZuWXXfdNdttt1123XXX7LbbbpkxY0Z23nnnTJw4cYz/BgD0o1JrrU2HAKB3LFu2LHPmzMns2bMza9asLFy4sC3rbr/99jn22GNz+OGHZ+bMmU58ABgxJQeAYXnggQfyla98JZ/5zGfy0EMPdXSvbbbZJu94xzty8sknZ7vttuvoXgD0HyUHgLX61a9+lQsvvDDnnXdeBgYGxnTvyZMn54wzzsgZZ5yRrbfeekz3BqB3KTkArFatNVdeeWXe8573ZNGiRY1mmTZtWj7+8Y/nxBNPzHrreZwUgLVTcgB4kUcffTTvfe97c/nllzcd5QWOOeaYXHzxxdl8882bjgJAF1NyAHiB+++/P8cff3xuv/32pqOs1s4775yvfOUr2XfffZuOAkCXUnIAeN6tt96aN73pTR1/scBoTZs2Lddcc00OPPDApqMA0IWUHACSJHfeeWde//rX55FHHmk6yrBMmTIls2fPzv777990FAC6jJIDQObPn5+ZM2dmwYIFbVlv7733zk477ZSXvvSl2WijjfLss89mYGAgjzzySH7+85/njjvuaMs+O+ywQ2644QZvXgPgBZQcgHFu6dKlecMb3pCbbrppxGvsscceeetb35pDDjkku+22W6ZMmbLOPe+9997cdNNNueqqq/KDH/xgxHsfccQRufbaa711DYDnKTkA49zpp5+eiy66aERzX/Oa1+Sss87Ka1/72hGXjFprbr755px77rm59tprR7TGF77whZx88skjmgtA/1FyAMax66+/PocffnjL86ZMmZLzzz8/J510UiZOnNiWLLXWXHHFFTn99NOzZMmSluZOnz49P/7xj71aGoAkyYSmAwDQjCeffDJnnnlmy/N22223fP/7388pp5zStoKTJKWU/Mmf/Em+/e1vZ9ttt21p7qJFi3LZZZe1LQsAvc1JDsA49bnPfS6nnXZaS3P22muvXHvttXn5y1/eoVRDbrnllhx66KFZtmzZsOdsueWWueeee9b5PBAA/c9JDsA4tGzZspx77rktzZk+fXq++tWvdrzgJMn++++f888/v6U5CxcuzPXXX9+hRAD0EiUHYBz69re/nfnz57c055JLLsmOO+7YoUQvduqpp+aAAw5oac7VV1/doTQA9BLX1QDGobe85S258sorhz3+zW9+c2bNmpVSSgdTvdg111yTY445ZtjjJ0+enIULF2bq1KkdTAW978ILL2zp86r+7u/+LltttVUHE0F7KTkA48ySJUuy2WabtTTn5ptvzqtf/eoOJVqzgYGB7LLLLvnv//7vYc+58cYbc/DBB3cwFfS+U089NZdeeumwx99///1jepILo+W6GsA4c9ttt7U0/qCDDmqk4CRDJzPHHXdcS3Na+b/TAPQnJQdgnLn11ltbGn/CCSd0KMnw/OEf/mFL45UcAJQcgHHmrrvuamn8fvvt16EkwzNjxoyWxt93330dSgJAr1ByAMaZuXPntjR+l1126VCS4dluu+1aGv+Tn/wkHjcFGN+UHIBxpNaaH//4x8Mev/XWWzf+prJJkyZlhx12GPb4JUuW5IknnuhgIgC6nZIDMI489dRTLY0fiw/+HI5WcwwMDHQoCQC9YL2mAwAwdp577rm8853vHPb4bik5G264YUvjlRyA8U3JARhHNt5441x88cVNx2jZxIkTWxr/zDPPdCgJAL3AdTUAul6rz9hMmTKlQ0kA6AVKDgBdb/78+S2NV3IAxjclB4Cu9uijj+ahhx4a9vhXv/rVWX/99TuYCIBup+QA0NVa/fDSP/qjP+pQEgB6hZIDQFebM2dOS+P333//DiUBoFcoOQB0rcHBwVx++eXDHr/pppvmkEMO6WAiAHqBkgNA1/r3f//3zJs3b9jjTznlFC8dAEDJAaA7PfXUU/nbv/3bluYcf/zxHUoDQC9RcgDoSueff37uvPPOYY8/7rjjst9++3UwEQC9QskBoOvMnj07f/VXf9XSnL/8y7/sUBoAeo2SA0BX+eEPf5jjjjuupTl/9md/lr333rtDiQDoNUoOAF3juuuuy+tf//o8/vjjw56z9dZb52/+5m86mAqAXqPkANC4Rx99NO973/ty5JFHtlRwkuTSSy/NFlts0aFkAPSi9ZoOAMD49cADD2TWrFk577zzsmjRopbnX3jhhTn88MM7kAyAXqbkADAmnnnmmfzqV7/KfffdlzvuuCPf/OY3M3v27BGvd8455+T0009vY0IA+oWSA8CIfPjDH84999yz1jFPP/10fvOb3+TXv/517r333gwMDLRl70suuSSnnXZaW9YCoP8oOQCMyNy5c3P11VeP6Z477LBDvvjFL+bggw8e030B6C1KDgA94T3veU8+9KEPZdq0aU1HgY6ZM2dOnn322Y7v8/DDD7c0/uabb84vfvGLDqX5nT322CObb755x/eh/yk5AHS1N77xjfnrv/7r7Lvvvk1HgY5785vfnF//+tdNx3iRE088cUz2+Y//+A8vE6EtlBwAutJBBx2U8847L3/wB3+QUkrTcQDoIT4nB4CudNNNN+XDH/5wLr/88pY/OweA8U3JAaBrzZ49OyeeeGJ22WWXnH322SP6LB0Axh8lB4Cu98gjj+Sss87K7rvvnosuuiiDg4NNRwKgi3kmh8bNmjUrV1xxRSN7v+xlL8vFF1/cyN5A6xYtWpTTTz89X/3qV/OZz3wmu+66a9ORAOhCSg6NW7hw4Zh/1sYKe+65ZyP7AqMzZ86cHHTQQbn88svzx3/8x03HAaDLKDkAjMi//du/pda61jHPPPNMfvvb3+aJJ57I4sWLs3DhwsybNy933HFHrrvuuixYsGDE+y9ZsiRHHnlkrrrqqhx33HEjXgeA/qPkADAiEyas+7HOiRMnZtKkSdl4442z1VZbZY899shhhx2WJHn22WefLzsXX3xxHnrooRHlOP744zN16lSfrQHA87x4AIBGTJw4Mfvuu28+9KEP5d57782ll16abbfddkRrnXjiifn5z3/e5oQA9ConOQA0buONN87b3/72HHvssfnIRz6SCy64oKX5jzzySN7//vfnqquu8sGh9LRXvvKVeeqppzq+z/z581t6Jfvee++dyZMndzDRkI022qjjezA+lLquC9XQYRdccEHOPPPMRvbec889M3fu3Eb2BtZs1qxZOemkkzIwMNDSvNmzZz9/HQ5Ys1NPPTWXXnrpsMfff//92XHHHTuYCNrLdTUAus5xxx2Xa665Juuvv35L884///x1vgwBgP6n5ADQlQ477LBccsklLc351re+lZtvvrlDiQDoFUoOAF3rpJNOavn10K0WIwD6j2dyAOhqd999d3bfffdhj588eXIefvjhbLrpph1MBb3NMzn0Oyc5AHS13XbbLSeffPKwxw8MDOS73/1uBxMB0O2UHAC6XqtX1q699toOJQGgFyg5AHS9gw8+uKU3rX3nO9/xljWAcUzJAaDrbbLJJjn00EOHPX7BggV58MEHO5gIgG6m5ADQE171qle1NP6nP/1ph5IA0O2UHAB6wrbbbtvS+EcffbRDSQDodkoOAD1hs802a2n8448/3qEkAHQ7JQeAnrDRRhu1NF7JARi/lBwAekIppaPjAegf6zUdAICx8+53vzsPPPDAsMfPmjUrG264YQcTDd/g4GBL41s9+QGgfyg5AOPIz372s1x33XXDHv/UU091TclZunRpS+O7JTcAY891NYBxZJNNNmlp/JIlSzqUpHUPP/xwS+OnTZvWoSQAdDslB2AcmT59ekvjH3rooQ4lad28efNaGr/11lt3KAkA3U7JARhHXvGKV7Q0/ic/+UmHkrTuxhtvbGm8kgMwfik5AOPIdttt19L4OXPmdChJa+bPn5/58+cPe/y2226bLbbYooOJAOhmSg7AODJjxoyWxv/rv/5rHnnkkQ6lGb5Wy9bhhx+eCRP8Jw5gvPJfAIBxZJdddsk222zT0pyrrrqqQ2mG57nnnsvnPve5luYccMABHUoDQC9QcgDGkYkTJ+boo49uac4nPvGJLF68uEOJ1u073/lOfvCDH7Q0Z+bMmR1KA0AvUHIAxpljjjmmpfELFizI2Wef3aE0azcwMJCzzjqrpTlHHHFEyy9YAKC/KDkA48zMmTOz/fbbtzTnH/7hH/K1r32tQ4nW7GMf+1huvfXWlua87W1v61AaAHqFkgMwzkyaNClnnHFGy/NOPvnk3HDDDR1ItHqXXnppPvrRj7Y0Z+edd86b3vSmDiUCoFcoOQDj0CmnnNLyCwiWLl2ao48+Ol//+tc7lGpIrTWf/vSnc+qpp7Y89/3vf3823HDDDqQCoJcoOQDj0JQpU/KRj3yk5XlLly7Nsccemw9+8IN54okn2p5r4cKFefvb3553v/vdLc896KCD8ta3vrXtmQDoPUoOwDh14oknjvhq1znnnJN99903X/rSl/Lkk0+OOsvixYvzyU9+Mq961aty2WWXjWiNT33qU5k0adKoswDQ+0qttTYdAoBmPPjggznwwAOzYMGCEa+x+eab59RTT83rXve67LPPPpkyZcqw5i1atCi33HJLvvWtb+Wyyy7L0qVLR5zhH//xH3PmmWeOeD6MN7Nmzcq8efOGPf6d73xnXvrSl3YwEbSXkgMwzt1666057LDD8vjjj7dlvf322y977rlntt5660ydOjWTJk1KrTUDAwNZvHhxHnzwwdx2222555572rLfu971rlx00UUppbRlPQB6n5IDQK6//voce+yxWbZsWdNRWvKWt7wln//8571sAIAX8EwOADnssMNy/fXXZ8stt2w6yrC94x3vyBe+8AUFB4AXUXIASJIceOCB+d73vpcDDjig6Sjr9NGPfjSf/exnvWgAgNVyXQ2AF3jyySfzsY99LOecc07TUV5km222yec///kcfvjhTUcBoIs5yQHgBX7v934vZ599dm688cYcfPDBTcd53umnn57bbrtNwQFgnZzkALBGv/3tb3PFFVfk3HPPbdvb0Fp19NFH5wMf+EAOPPDARvYHoPcoOQCs0+DgYK655pr80z/9U7773e92fL/1118/J5xwQk477bQcfPDBXg8NQEuUHABacvfdd+cb3/hGrrnmmtx0001tXfuoo47KUUcdlaOPPjpbbbVVW9cGYPxQcgAYsQULFuRHP/pR7rrrrtx+++350Y9+lPnz569z3vrrr58ZM2Zkr732yj777JM99tgj++yzT6ZNmzYGqQHod0oOAG01ODiYRYsW5Te/+U0GBwczODiYUkomTZqUSZMm5SUveUmmT5+e9dZbr+moAPQpJQcAAOgrXiENAAD0FSUHAADoK0oOAADQV5QcAACgryg5AABAX1FyAACAvqLkAAAAfUXJAQAA+oqSAwAA9BUlBwAA6CtKDgAA0FeUHAAAoK8oOQAAQF9RcgAAgL6i5AAAAH1FyQEAAPqKkgMAAPQVJQcAAOgrSg4AANBXlBwAAKCvKDkAAEBfUXIAAIC+MiHJYNMhAAAA2mRwQpLHmk4BAADQJo9NSDLQdAoAAIA2GVByAACAfjLguhoAANBPHlNyAACAfuKZHAAAoK8oOQAAQF9xXQ0AAOgrAxOS/LLpFAAAAG3yywlJ7m06BQAAQJvcq+QAAAD95IFSa90kyZIkE5tOAwAAMArPJpkyoZSyNMmCptMAAACM0oJSypMTlv/mgUajAAAAjN69STJh5d8AAAD0MCUHAADoKw8kSg4AANA/7k2SkiS11klJHksyuclEAAAAIzSY5CWllKcnJEkpZTDJD5vNBAAAMGI/KKU8nfzuulqSzGkoDAAAwGg932eUHAAAoB8832fKil94LgcAAOhRzz+Pk6x0kuO5HAAAoEc9/zxO8sLraokrawAAQO95QY9RcgAAgF73gh5TVv5NrXW9JA8ledlYJgIAABihRUm2KqU8s+IPXnCSs/wHV4x1KgAAgBH6ysoFJ3nxdbUkuXKMwgAAAIzWF1f9g7K6UbXW+Ule0fE4AAAAI/fTUsqMVf9wdSc5SfIvHQ4DAAAwWqu9hbamk5zfTzJ/TT8HAABoWE3yilLKA6v+YLUnOaWUnyf5z06nAgAAGKH/XF3BSdZ8XS3xAgIAAKB7veiFAyus8TparXVyhq6sbdWJRAAAACO0MENX1QZW98M1nuQsn3Bhp1IBAACM0KfWVHCSdbxYoNY6NcnPkmza7lQAAAAj8FiS7Uspj69pwNqeyUkp5bEkl7Q7FQAAwAhdvLaCkwzjFdG11i0z9GzOhu1KBQAAMAJPZehZnF+ubdBaT3KSpJSyMMmX2pUKAABghC5ZV8FJhvlhn7XWnZLcnWS90aYCAAAYgWeSvHw4JWedJzlJUkq5P8mXR5sKAABghL48nIKTDPMkJ0lqrdskmZdk0khTAQAAjMBgkh1LKQuGM3hYJzlJsnzBc0eaCgAAYITOHW7BSVo4yUmSWusGGTrNeXmrqQAAAEbgp0leWUp5ergThn2SkyTLFz6j1VQAAAAjdGYrBSdpseQkSSnl6iRfb3UeAABAi75eSvlWq5Nauq62gpcQAAAAHbY0yW6tPIuzQssnOYmXEAAAAB139kgKTjLCk5wkqbWun+T7SfYf6RoAAACrcWuSA0spz4xk8ohLTpLUWrdLckeSqaNZBwAAYLnHkuxdSvnFSBcY0XW1FZZv/PbRrAEAALCSk0ZTcJJRlpzk+betXTDadQAAgHHvglLKNaNdZFTX1VbwfA4AADBKo3oOZ2VtKTnJ88/n3J1ko3atCQAAjAujfg5nZaO+rrbC8kD/u13rAQAA48aon8NZWdtKTpKUUr6Y5O/buSYAANDX/r4dz+GsrG3X1VZWa/10nOoAAABr90+llHe1e9FOlZyS5Ookb+zE+gAAQM+7IslbSym13Qt3pOQkSa11UpLrkry2U3sAAAA9aU6S15VSnu3E4h0rOUlSa904yXfi1dIAAMCQW5O8tpTym05t0NGSkyS11s2S3JBkj07vBQAAdLW7krymlLK4k5t0vOQkSa11yyT/lWSrsdgPAADoOj9LcnApZWGnN2rrK6TXZPlfZLckt4zFfgAAQFf5rySvGouCk4xRyUmSUsrjSQ5N8o2x2hMAAGjcNzN0Re2JsdpwzEpOkpRSliU5Nsk/j+W+AABAIy5NclQp5amx3HRMS06SlFKeLaW8M8l5Y703AAAwZj5ZSjm1lPLcWG88Ji8eWJNa6/9J8ommcwAAAG1Tk7y3lHJBUwEaLxe11iOSfDnJZk1nAQAARmVJkuNLKdc3GaLxkpMktdaXJ/lqfGgoAAD0qu8neUspZUHTQcb8mZzVKaU8mOQPk5yboeMtAACgN9Qkf59kZjcUnKRLTnJW5voaAAD0jK64nraqris5ietrAADQA7rmetqquuK62qpcXwMAgK7VddfTVtWVJzkrq7Vuk+SzSY5qOgsAAIxzs5K8b/mhRNfq+pKzQq31yCQXJNmh6SwAADDOzE9yWinle00HGY6uvK62OqWUf0+ye5K/TLKs4TgAADAeLEtyVpLde6XgJD10krMyV9gAAKDjeuJq2ur0ZMlZodb66iR/keR/JJnYcBwAAOh1zyb5WpJzSim3Nx1mpHq65KxQa90uyRlJ3pHkJQ3HAQCAXvNEks8nuaCU8oumw4xWX5ScFWqtL0lySpL3JNm+4TgAANDtfpGhl3t9vpTyRNNh2qWvSs4KtdaJSd6UoatsBzQcBwAAus0Pkpyf5GullGebDtNufVlyVlZr3STJ8Un+NMlrMg7+zgAAsIrnknw3yZeT/FspZWnDeTpqXP2Dv9b68iQnZKjwvLLhOAAA0Gk/zlCxuayU8sumw4yVcVVyVlZr3T7JzCSHJnltkm2aTQQAAKO2IMn3VnyVUh5oOE8jxm3JWVWtdecMlZ1Dl39NbzYRAACs0y/zwlIzr+E80FPaTQAAAGpJREFUXUHJWYNa6+4ZutK2U5KdV/o+tclcAACMS48luT/Jfcu/35/kR6WUextN1aWUnBbVWl+aobKzc5LtkmyWZMoqXy9Z/t1pEAAAa7IoyeMZ+oyax1f5Wpyh1zvfl+T+UsqipkL2ov8PH0WjcxapSkAAAAAASUVORK5CYII="},7974:(A,e,t)=>{t.d(e,{Z:()=>n});const n=t.p+"assets/images/debugevents-0a6dd2b6a94eb896f9c53e7aff325833.png"},1242:(A,e,t)=>{t.d(e,{Z:()=>n});const n=t.p+"assets/images/fitness-0c38df17d7bb7f1b8846f0f21347c685.png"},4061:(A,e,t)=>{t.d(e,{Z:()=>n});const n=t.p+"assets/images/list-0d495fe5548effb055930ecbdd3eb9ae.png"},76:(A,e,t)=>{t.d(e,{Z:()=>n});const n=t.p+"assets/images/resizable-1058d2386ccea47b5a616cabf5d79173.png"},786:(A,e,t)=>{t.d(e,{Z:()=>n});const n=t.p+"assets/images/rotated-ec4a7afbecb2f7eeb34c792a7e0389d0.png"},2248:(A,e,t)=>{t.d(e,{Z:()=>n});const n=t.p+"assets/images/shopify-ea022a5b06aaa27eb58e5c8bd2e6ade1.png"},1151:(A,e,t)=>{t.d(e,{Z:()=>s,a:()=>d});var n=t(7294);const i={},r=n.createContext(i);function d(A){const e=n.useContext(r);return n.useMemo((function(){return"function"==typeof A?A(e):{...e,...A}}),[e,A])}function s(A){let e;return e=A.disableParentContext?"function"==typeof A.components?A.components(i):A.components||i:d(A.components),n.createElement(r.Provider,{value:e},A.children)}}}]); \ No newline at end of file diff --git a/assets/js/74b23640.e6072dec.js b/assets/js/74b23640.e6072dec.js deleted file mode 100644 index 6f00b4c..0000000 --- a/assets/js/74b23640.e6072dec.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[2814],{3905:(A,e,t)=>{t.d(e,{Zo:()=>s,kt:()=>v});var r=t(7294);function n(A,e,t){return e in A?Object.defineProperty(A,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):A[e]=t,A}function i(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable}))),t.push.apply(t,r)}return t}function a(A){for(var e=1;e =0||(n[t]=A[t]);return n}(A,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(A);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(A,t)&&(n[t]=A[t])}return n}var l=r.createContext({}),o=function(A){var e=r.useContext(l),t=e;return A&&(t="function"==typeof A?A(e):a(a({},e),A)),t},s=function(A){var e=o(A.components);return r.createElement(l.Provider,{value:e},A.children)},c={inlineCode:"code",wrapper:function(A){var e=A.children;return r.createElement(r.Fragment,{},e)}},g=r.forwardRef((function(A,e){var t=A.components,n=A.mdxType,i=A.originalType,l=A.parentName,s=d(A,["components","mdxType","originalType","parentName"]),g=o(t),v=n,k=g["".concat(l,".").concat(v)]||g[v]||c[v]||i;return t?r.createElement(k,a(a({ref:e},s),{},{components:t})):r.createElement(k,a({ref:e},s))}));function v(A,e){var t=arguments,n=e&&e.mdxType;if("string"==typeof A||n){var i=t.length,a=new Array(i);a[0]=g;var d={};for(var l in e)hasOwnProperty.call(e,l)&&(d[l]=e[l]);d.originalType=A,d.mdxType="string"==typeof A?A:n,a[1]=d;for(var o=2;o{t.r(e),t.d(e,{assets:()=>l,contentTitle:()=>a,default:()=>c,frontMatter:()=>i,metadata:()=>d,toc:()=>o});var r=t(7462),n=(t(7294),t(3905));const i={sidebar_position:6,sidebar_label:"Demo"},a="Demo",d={unversionedId:"demo",id:"demo",title:"Demo",description:"You can download the demo app with the example widgets from the Releases Page",source:"@site/docs/demo.md",sourceDirName:".",slug:"/demo",permalink:"/react-native-android-widget/docs/demo",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/demo.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_label:"Demo"},sidebar:"default",previous:{title:"Handling Clicks",permalink:"/react-native-android-widget/docs/handling-clicks"},next:{title:"Limitations",permalink:"/react-native-android-widget/docs/limitations"}},l={},o=[{value:"Fitness Widget Preview",id:"fitness-widget-preview",level:2},{value:"List Widget Preview",id:"list-widget-preview",level:2},{value:"Resizable Music Widget Preview",id:"resizable-music-widget-preview",level:2},{value:"Rotated Widget Preview",id:"rotated-widget-preview",level:2},{value:"Shopify Widget Preview",id:"shopify-widget-preview",level:2},{value:"Click Demo Widget Preview",id:"click-demo-widget-preview",level:2},{value:"Counter Widget Preview",id:"counter-widget-preview",level:2},{value:"Configurable Widget Preview",id:"configurable-widget-preview",level:2},{value:"Debug Events Widget Preview",id:"debug-events-widget-preview",level:2}],s={toc:o};function c(A){let{components:e,...i}=A;return(0,n.kt)("wrapper",(0,r.Z)({},s,i,{components:e,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"demo"},"Demo"),(0,n.kt)("p",null,"You can download the demo app with the example widgets from the ",(0,n.kt)("a",{parentName:"p",href:"https://github.com/sAleksovski/react-native-android-widget/releases"},"Releases Page")),(0,n.kt)("h2",{id:"fitness-widget-preview"},"Fitness Widget Preview"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"Fitness Widget Preview",src:t(1242).Z,width:"880",height:"575"})),(0,n.kt)("h2",{id:"list-widget-preview"},"List Widget Preview"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"List Widget Preview",src:t(4061).Z,width:"880",height:"605"})),(0,n.kt)("h2",{id:"resizable-music-widget-preview"},"Resizable Music Widget Preview"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"Resizable Music Widget Preview",src:t(76).Z,width:"963",height:"886"})),(0,n.kt)("h2",{id:"rotated-widget-preview"},"Rotated Widget Preview"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"Rotated Widget Preview",src:t(786).Z,width:"553",height:"886"})),(0,n.kt)("h2",{id:"shopify-widget-preview"},"Shopify Widget Preview"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"Shopify Widget Preview",src:t(2248).Z,width:"880",height:"1100"})),(0,n.kt)("h2",{id:"click-demo-widget-preview"},"Click Demo Widget Preview"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"Click Demo Widget Preview",src:t(4949).Z,width:"916",height:"545"})),(0,n.kt)("h2",{id:"counter-widget-preview"},"Counter Widget Preview"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"Counter Widget Preview",src:t(9183).Z,width:"825",height:"330"})),(0,n.kt)("h2",{id:"configurable-widget-preview"},"Configurable Widget Preview"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"Configurable Widget Preview",src:t(9183).Z,width:"825",height:"330"})),(0,n.kt)("h2",{id:"debug-events-widget-preview"},"Debug Events Widget Preview"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"Debug Events Widget Preview",src:t(7974).Z,width:"886",height:"580"})))}c.isMDXComponent=!0},4949:(A,e,t)=>{t.d(e,{Z:()=>r});const r=t.p+"assets/images/clickdemo-593febb0e4f48be76bd8b38d13d988d3.png"},9183:(A,e,t)=>{t.d(e,{Z:()=>r});const r="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzkAAAFKCAYAAAA+O5FfAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAACAASURBVHic7d17lJ1lYS7w502ABAomECNXgcot3ARhQeVSCVYQCwie4wGsFRDE1nUQsceztFJrbRWoUioiWqiiWBRIrQvBog1eQpGDQhGIchESxRKIGEyASJhB4D1/TIIh5DJ7Zu/59t7z+601a5LMe3nyF3l43+/bJbSk1jo9yU5Jdk6yXZLNkkxZ5esly79PbygmAADdb1GSx5d/PbHSrx9PsjjJL5Lcl+S+UsqjTYXsRaXpAN2q1vrKJHtkqNCsKDU7JZnaZC4AAMalxzJUeO5f6fvcUspdjabqUkrOcrXWPZLMXP71mjiFAQCg+y1KckOSOcu/7i6l1GYjNW/clhylBgCAPqT0ZJyVnFrr7yd5R5I/TbJtw3EAAKDT5iX5lyT/Ukr5edNhxkrfl5xa66ZJjk/ytiQHNhwHAACa8v+SXJbkX0spS5oO00l9WXJqrRskOTJDxebIJBs0mwgAALrG00m+keRLSb5ZSnm64Txt11clp9a6foauor0/yS4NxwEAgG53b5K/T/LlUspvmw7TLn1Rcmqtv5fktCT/J8k2DccBAIBesyDJeUk+V0p5sukwo9XTJafWulmSM5KcnmRaw3EAAKDX/TrJhUkuLKUsbjrMSPVkyam1Tkry3iQfTLJJw3EAAKDfLE3y0SQXlFIGmw7Tqp4rObXW/5nk40le0XQWAADocz9L8n9LKV9rOkgreqbk1FpfmeRTSQ5pOgsAAIwzNyQ5o5Qyt+kgwzGh6QDrUmt9Wa31c0luj4IDAABNOCTJ7bXWf661vqzpMOvStSc5nrsBAICu1PXP63Rlyam1bpPk6iT7Np0FAABYrduSHFtKWdB0kFV13XW1WusxSeZGwQEAgG62b5K5y//93lW6puTUWtevtX4mQyc4mzadBwAAWKdNk1xda/10rXX9psOs0BXX1Wqtr0gyK05vAACgV92W5LhSys+aDtL4SU6t9a1J7oyCAwAAvWzfJHcu//d9oxotObXWTyS5PMnGTeYAAADaYuMkl9daP9hkiMauq9VaL0lyWlP7AwAAHfXPpZR3NrHxmJecWusGSS5LcsJY7w0AAIypK5OcVEp5eiw3HdOSU2vdKMk3khw6lvsCAACN+V6So0opy8ZqwzErObXW6RkqOPuP1Z4AAEBXuCXJ4aWUx8diszEpObXWbTLU4HYci/0AAICu8+Mkf1xKWdDpjTpecmqtmyX5zyS7d3ovAACgq/0kySGllMWd3KSjJafWOinJjUn26+Q+AABAz7glyWtKKYOd2qBjn5NTa52Y5KtRcAAAgN/ZP8ms5X2hIzr5YaD/kuSoDq4PAAD0pjcm+WKnFu9Iyam1npvkLZ1YGwAA6At/urw3tF3bn8mptX4gyTntXhcAAOhL7y2lfLKdC7a15NRaD0ny3XT2GhwAANA/nkvyR6WUOe1asG0lp9b6siRzk2zerjUBAIBx4ZEkryyl/Kodi7XlxKXWWpJcFQUHAABo3eZJrlzeK0atXdfKzkkys01rAQAA48+hST7cjoVG3ZRqrUclubYNWQAAgPGtLc/njKrk1Fq3TXJnkqmjWQcAAGC5UT+fM+LrarXW9ZJ8LQoOAADQPqN+Pmc0z+S8L8m+o5gPAACwOocmef9IJ4+oHdVat0lyd5JNRroxAADAWixNslspZUGrE0d6kvPpKDgAAEDnbJKh3tGylk9yaq1HJPnmSDYDAABo0RtKKd9qZUJLJafWukGSuUl2aWUeAADACN2bZK9SytPDndDqdbUPRsEBAADGzowkf9HKhGGf5Cx/2cC8JJNaDAUAADAaLb2EoJWTnI9GwQEAAMbeJkn+ariDh3WSU2vdIsmDSdYbYSgAAIDReCrJDqWUhesaONyTnA9EwQEAAJqzYYb5AaHrPMmptU5JsnD5ogAAAE15KslWpZTH1jZoOCc5742CAwAANG/DJGeua9BaT3KWn+I8kGRqm0IBAACMxpIMneYMrGnAuk5y3hUFBwAA6B6bJvnztQ1Y40lOrXVykp8l2bLNoQAAAEbj4Qy9aW21pzlrO8n58yg4AABA99kqyclr+uHaSs6x7c8CAADQFies6Qerva5Wa90+Q1fVhvVhoQAAAGOsJtmplDJ/1R+s6STnhCg4AABA9ypJ/tfqfrC2kgMAANDNVttbXlRyaq17J9mr43EAAABGZ6/l/eUFVneSs8a3FAAAAHSZF53mvOi5m1rrr5JMH5M4AAAAozOvlLLTyn/wgpOc5Uc9Cg4AANArdlz1ytqq19VmjmEYAACAdnhBj1m15BwxhkEAAADa4QUl5/lncmqtGyR5IsmksU4EAAAwCouTvLSUUpMXnuQcGAUHAADoPZtlpY/BWbnkeB4HAADoVc8/eqPkAAAA/eD5klMSz+MAAAA9byDJ1FLK4IqTHM/jAAAAvWxykgOS311X23vNYwEAAHrC3snvSs72DQYBAABoh+2T35WcGQ0GAQAAaIcZiZIDAAD0jxlJUmqtE5I8nWRis3kAAABG5dkkG0xIsnMUHAAAoPdNTLLzhLiqBgAA9I8ZSg4AANBPZkxIskXTKQAAANpkiwkZ+mRQAACAfjB5QpKpTacAAABok6lKDgAA0E+UHAAAoK8oOQAAQF+Z7MUDAABAP1FyAACAvjK11FoHkkxqOgkAAEAbDJZaa206BQAAQLtMaDoAAABAOyk5AABAX1FyAACAvqLkAAAAfUXJAQAA+oqSAwAA9BUlBwAA6CtKDgAA0FeUHAAAoK8oOQAAQF9RcgAAgL6i5AAAAH1FyQEAAPqKkgMAAPQVJQcAAOgrSg4AANBXlBwAAKCvKDkAAEBfUXIAAIC+ouQAAAB9RckBAAD6ipIDAAD0FSUHAADoK0oOAADQV5QcAACgryg5AABAX1FyAACAvqLkAAAAfUXJAQAA+oqSAwAA9BUlBwAA6CtKDgAA0FfWazoAAP2n1pqBgYEMDg5mcHAwEyZMyAYbbJANNtggG264YdPxAOhzSg4AI/b0009n3rx5ueuuuzJ37tzMnz//+d8vW7ZstXOmTZuWXXfdNdttt1123XXX7LbbbpkxY0Z23nnnTJw4cYz/BgD0o1JrrU2HAKB3LFu2LHPmzMns2bMza9asLFy4sC3rbr/99jn22GNz+OGHZ+bMmU58ABgxJQeAYXnggQfyla98JZ/5zGfy0EMPdXSvbbbZJu94xzty8sknZ7vttuvoXgD0HyUHgLX61a9+lQsvvDDnnXdeBgYGxnTvyZMn54wzzsgZZ5yRrbfeekz3BqB3KTkArFatNVdeeWXe8573ZNGiRY1mmTZtWj7+8Y/nxBNPzHrreZwUgLVTcgB4kUcffTTvfe97c/nllzcd5QWOOeaYXHzxxdl8882bjgJAF1NyAHiB+++/P8cff3xuv/32pqOs1s4775yvfOUr2XfffZuOAkCXUnIAeN6tt96aN73pTR1/scBoTZs2Lddcc00OPPDApqMA0IWUHACSJHfeeWde//rX55FHHmk6yrBMmTIls2fPzv777990FAC6jJIDQObPn5+ZM2dmwYIFbVlv7733zk477ZSXvvSl2WijjfLss89mYGAgjzzySH7+85/njjvuaMs+O+ywQ2644QZvXgPgBZQcgHFu6dKlecMb3pCbbrppxGvsscceeetb35pDDjkku+22W6ZMmbLOPe+9997cdNNNueqqq/KDH/xgxHsfccQRufbaa711DYDnKTkA49zpp5+eiy66aERzX/Oa1+Sss87Ka1/72hGXjFprbr755px77rm59tprR7TGF77whZx88skjmgtA/1FyAMax66+/PocffnjL86ZMmZLzzz8/J510UiZOnNiWLLXWXHHFFTn99NOzZMmSluZOnz49P/7xj71aGoAkyYSmAwDQjCeffDJnnnlmy/N22223fP/7388pp5zStoKTJKWU/Mmf/Em+/e1vZ9ttt21p7qJFi3LZZZe1LQsAvc1JDsA49bnPfS6nnXZaS3P22muvXHvttXn5y1/eoVRDbrnllhx66KFZtmzZsOdsueWWueeee9b5PBAA/c9JDsA4tGzZspx77rktzZk+fXq++tWvdrzgJMn++++f888/v6U5CxcuzPXXX9+hRAD0EiUHYBz69re/nfnz57c055JLLsmOO+7YoUQvduqpp+aAAw5oac7VV1/doTQA9BLX1QDGobe85S258sorhz3+zW9+c2bNmpVSSgdTvdg111yTY445ZtjjJ0+enIULF2bq1KkdTAW978ILL2zp86r+7u/+LltttVUHE0F7KTkA48ySJUuy2WabtTTn5ptvzqtf/eoOJVqzgYGB7LLLLvnv//7vYc+58cYbc/DBB3cwFfS+U089NZdeeumwx99///1jepILo+W6GsA4c9ttt7U0/qCDDmqk4CRDJzPHHXdcS3Na+b/TAPQnJQdgnLn11ltbGn/CCSd0KMnw/OEf/mFL45UcAJQcgHHmrrvuamn8fvvt16EkwzNjxoyWxt93330dSgJAr1ByAMaZuXPntjR+l1126VCS4dluu+1aGv+Tn/wkHjcFGN+UHIBxpNaaH//4x8Mev/XWWzf+prJJkyZlhx12GPb4JUuW5IknnuhgIgC6nZIDMI489dRTLY0fiw/+HI5WcwwMDHQoCQC9YL2mAwAwdp577rm8853vHPb4bik5G264YUvjlRyA8U3JARhHNt5441x88cVNx2jZxIkTWxr/zDPPdCgJAL3AdTUAul6rz9hMmTKlQ0kA6AVKDgBdb/78+S2NV3IAxjclB4Cu9uijj+ahhx4a9vhXv/rVWX/99TuYCIBup+QA0NVa/fDSP/qjP+pQEgB6hZIDQFebM2dOS+P333//DiUBoFcoOQB0rcHBwVx++eXDHr/pppvmkEMO6WAiAHqBkgNA1/r3f//3zJs3b9jjTznlFC8dAEDJAaA7PfXUU/nbv/3bluYcf/zxHUoDQC9RcgDoSueff37uvPPOYY8/7rjjst9++3UwEQC9QskBoOvMnj07f/VXf9XSnL/8y7/sUBoAeo2SA0BX+eEPf5jjjjuupTl/9md/lr333rtDiQDoNUoOAF3juuuuy+tf//o8/vjjw56z9dZb52/+5m86mAqAXqPkANC4Rx99NO973/ty5JFHtlRwkuTSSy/NFlts0aFkAPSi9ZoOAMD49cADD2TWrFk577zzsmjRopbnX3jhhTn88MM7kAyAXqbkADAmnnnmmfzqV7/KfffdlzvuuCPf/OY3M3v27BGvd8455+T0009vY0IA+oWSA8CIfPjDH84999yz1jFPP/10fvOb3+TXv/517r333gwMDLRl70suuSSnnXZaW9YCoP8oOQCMyNy5c3P11VeP6Z477LBDvvjFL+bggw8e030B6C1KDgA94T3veU8+9KEPZdq0aU1HgY6ZM2dOnn322Y7v8/DDD7c0/uabb84vfvGLDqX5nT322CObb755x/eh/yk5AHS1N77xjfnrv/7r7Lvvvk1HgY5785vfnF//+tdNx3iRE088cUz2+Y//+A8vE6EtlBwAutJBBx2U8847L3/wB3+QUkrTcQDoIT4nB4CudNNNN+XDH/5wLr/88pY/OweA8U3JAaBrzZ49OyeeeGJ22WWXnH322SP6LB0Axh8lB4Cu98gjj+Sss87K7rvvnosuuiiDg4NNRwKgi3kmh8bNmjUrV1xxRSN7v+xlL8vFF1/cyN5A6xYtWpTTTz89X/3qV/OZz3wmu+66a9ORAOhCSg6NW7hw4Zh/1sYKe+65ZyP7AqMzZ86cHHTQQbn88svzx3/8x03HAaDLKDkAjMi//du/pda61jHPPPNMfvvb3+aJJ57I4sWLs3DhwsybNy933HFHrrvuuixYsGDE+y9ZsiRHHnlkrrrqqhx33HEjXgeA/qPkADAiEyas+7HOiRMnZtKkSdl4442z1VZbZY899shhhx2WJHn22WefLzsXX3xxHnrooRHlOP744zN16lSfrQHA87x4AIBGTJw4Mfvuu28+9KEP5d57782ll16abbfddkRrnXjiifn5z3/e5oQA9ConOQA0buONN87b3/72HHvssfnIRz6SCy64oKX5jzzySN7//vfnqquu8sGh9LRXvvKVeeqppzq+z/z581t6Jfvee++dyZMndzDRkI022qjjezA+lLquC9XQYRdccEHOPPPMRvbec889M3fu3Eb2BtZs1qxZOemkkzIwMNDSvNmzZz9/HQ5Ys1NPPTWXXnrpsMfff//92XHHHTuYCNrLdTUAus5xxx2Xa665Juuvv35L884///x1vgwBgP6n5ADQlQ477LBccsklLc351re+lZtvvrlDiQDoFUoOAF3rpJNOavn10K0WIwD6j2dyAOhqd999d3bfffdhj588eXIefvjhbLrpph1MBb3NMzn0Oyc5AHS13XbbLSeffPKwxw8MDOS73/1uBxMB0O2UHAC6XqtX1q699toOJQGgFyg5AHS9gw8+uKU3rX3nO9/xljWAcUzJAaDrbbLJJjn00EOHPX7BggV58MEHO5gIgG6m5ADQE171qle1NP6nP/1ph5IA0O2UHAB6wrbbbtvS+EcffbRDSQDodkoOAD1hs802a2n8448/3qEkAHQ7JQeAnrDRRhu1NF7JARi/lBwAekIppaPjAegf6zUdAICx8+53vzsPPPDAsMfPmjUrG264YQcTDd/g4GBL41s9+QGgfyg5AOPIz372s1x33XXDHv/UU091TclZunRpS+O7JTcAY891NYBxZJNNNmlp/JIlSzqUpHUPP/xwS+OnTZvWoSQAdDslB2AcmT59ekvjH3rooQ4lad28efNaGr/11lt3KAkA3U7JARhHXvGKV7Q0/ic/+UmHkrTuxhtvbGm8kgMwfik5AOPIdttt19L4OXPmdChJa+bPn5/58+cPe/y2226bLbbYooOJAOhmSg7AODJjxoyWxv/rv/5rHnnkkQ6lGb5Wy9bhhx+eCRP8Jw5gvPJfAIBxZJdddsk222zT0pyrrrqqQ2mG57nnnsvnPve5luYccMABHUoDQC9QcgDGkYkTJ+boo49uac4nPvGJLF68uEOJ1u073/lOfvCDH7Q0Z+bMmR1KA0AvUHIAxpljjjmmpfELFizI2Wef3aE0azcwMJCzzjqrpTlHHHFEyy9YAKC/KDkA48zMmTOz/fbbtzTnH/7hH/K1r32tQ4nW7GMf+1huvfXWlua87W1v61AaAHqFkgMwzkyaNClnnHFGy/NOPvnk3HDDDR1ItHqXXnppPvrRj7Y0Z+edd86b3vSmDiUCoFcoOQDj0CmnnNLyCwiWLl2ao48+Ol//+tc7lGpIrTWf/vSnc+qpp7Y89/3vf3823HDDDqQCoJcoOQDj0JQpU/KRj3yk5XlLly7Nsccemw9+8IN54okn2p5r4cKFefvb3553v/vdLc896KCD8ta3vrXtmQDoPUoOwDh14oknjvhq1znnnJN99903X/rSl/Lkk0+OOsvixYvzyU9+Mq961aty2WWXjWiNT33qU5k0adKoswDQ+0qttTYdAoBmPPjggznwwAOzYMGCEa+x+eab59RTT83rXve67LPPPpkyZcqw5i1atCi33HJLvvWtb+Wyyy7L0qVLR5zhH//xH3PmmWeOeD6MN7Nmzcq8efOGPf6d73xnXvrSl3YwEbSXkgMwzt1666057LDD8vjjj7dlvf322y977rlntt5660ydOjWTJk1KrTUDAwNZvHhxHnzwwdx2222555572rLfu971rlx00UUppbRlPQB6n5IDQK6//voce+yxWbZsWdNRWvKWt7wln//8571sAIAX8EwOADnssMNy/fXXZ8stt2w6yrC94x3vyBe+8AUFB4AXUXIASJIceOCB+d73vpcDDjig6Sjr9NGPfjSf/exnvWgAgNVyXQ2AF3jyySfzsY99LOecc07TUV5km222yec///kcfvjhTUcBoIs5yQHgBX7v934vZ599dm688cYcfPDBTcd53umnn57bbrtNwQFgnZzkALBGv/3tb3PFFVfk3HPPbdvb0Fp19NFH5wMf+EAOPPDARvYHoPcoOQCs0+DgYK655pr80z/9U7773e92fL/1118/J5xwQk477bQcfPDBXg8NQEuUHABacvfdd+cb3/hGrrnmmtx0001tXfuoo47KUUcdlaOPPjpbbbVVW9cGYPxQcgAYsQULFuRHP/pR7rrrrtx+++350Y9+lPnz569z3vrrr58ZM2Zkr732yj777JM99tgj++yzT6ZNmzYGqQHod0oOAG01ODiYRYsW5Te/+U0GBwczODiYUkomTZqUSZMm5SUveUmmT5+e9dZbr+moAPQpJQcAAOgrXiENAAD0FSUHAADoK0oOAADQV5QcAACgryg5AABAX1FyAACAvqLkAAAAfUXJAQAA+oqSAwAA9BUlBwAA6CtKDgAA0FeUHAAAoK8oOQAAQF9RcgAAgL6i5AAAAH1FyQEAAPqKkgMAAPQVJQcAAOgrSg4AANBXlBwAAKCvKDkAAEBfUXIAAIC+MiHJYNMhAAAA2mRwQpLHmk4BAADQJo9NSDLQdAoAAIA2GVByAACAfjLguhoAANBPHlNyAACAfuKZHAAAoK8oOQAAQF9xXQ0AAOgrAxOS/LLpFAAAAG3yywlJ7m06BQAAQJvcq+QAAAD95IFSa90kyZIkE5tOAwAAMArPJpkyoZSyNMmCptMAAACM0oJSypMTlv/mgUajAAAAjN69STJh5d8AAAD0MCUHAADoKw8kSg4AANA/7k2SkiS11klJHksyuclEAAAAIzSY5CWllKcnJEkpZTDJD5vNBAAAMGI/KKU8nfzuulqSzGkoDAAAwGg932eUHAAAoB8832fKil94LgcAAOhRzz+Pk6x0kuO5HAAAoEc9/zxO8sLraokrawAAQO95QY9RcgAAgF73gh5TVv5NrXW9JA8ledlYJgIAABihRUm2KqU8s+IPXnCSs/wHV4x1KgAAgBH6ysoFJ3nxdbUkuXKMwgAAAIzWF1f9g7K6UbXW+Ule0fE4AAAAI/fTUsqMVf9wdSc5SfIvHQ4DAAAwWqu9hbamk5zfTzJ/TT8HAABoWE3yilLKA6v+YLUnOaWUnyf5z06nAgAAGKH/XF3BSdZ8XS3xAgIAAKB7veiFAyus8TparXVyhq6sbdWJRAAAACO0MENX1QZW98M1nuQsn3Bhp1IBAACM0KfWVHCSdbxYoNY6NcnPkmza7lQAAAAj8FiS7Uspj69pwNqeyUkp5bEkl7Q7FQAAwAhdvLaCkwzjFdG11i0z9GzOhu1KBQAAMAJPZehZnF+ubdBaT3KSpJSyMMmX2pUKAABghC5ZV8FJhvlhn7XWnZLcnWS90aYCAAAYgWeSvHw4JWedJzlJUkq5P8mXR5sKAABghL48nIKTDPMkJ0lqrdskmZdk0khTAQAAjMBgkh1LKQuGM3hYJzlJsnzBc0eaCgAAYITOHW7BSVo4yUmSWusGGTrNeXmrqQAAAEbgp0leWUp5ergThn2SkyTLFz6j1VQAAAAjdGYrBSdpseQkSSnl6iRfb3UeAABAi75eSvlWq5Nauq62gpcQAAAAHbY0yW6tPIuzQssnOYmXEAAAAB139kgKTjLCk5wkqbWun+T7SfYf6RoAAACrcWuSA0spz4xk8ohLTpLUWrdLckeSqaNZBwAAYLnHkuxdSvnFSBcY0XW1FZZv/PbRrAEAALCSk0ZTcJJRlpzk+betXTDadQAAgHHvglLKNaNdZFTX1VbwfA4AADBKo3oOZ2VtKTnJ88/n3J1ko3atCQAAjAujfg5nZaO+rrbC8kD/u13rAQAA48aon8NZWdtKTpKUUr6Y5O/buSYAANDX/r4dz+GsrG3X1VZWa/10nOoAAABr90+llHe1e9FOlZyS5Ookb+zE+gAAQM+7IslbSym13Qt3pOQkSa11UpLrkry2U3sAAAA9aU6S15VSnu3E4h0rOUlSa904yXfi1dIAAMCQW5O8tpTym05t0NGSkyS11s2S3JBkj07vBQAAdLW7krymlLK4k5t0vOQkSa11yyT/lWSrsdgPAADoOj9LcnApZWGnN2rrK6TXZPlfZLckt4zFfgAAQFf5rySvGouCk4xRyUmSUsrjSQ5N8o2x2hMAAGjcNzN0Re2JsdpwzEpOkpRSliU5Nsk/j+W+AABAIy5NclQp5amx3HRMS06SlFKeLaW8M8l5Y703AAAwZj5ZSjm1lPLcWG88Ji8eWJNa6/9J8ommcwAAAG1Tk7y3lHJBUwEaLxe11iOSfDnJZk1nAQAARmVJkuNLKdc3GaLxkpMktdaXJ/lqfGgoAAD0qu8neUspZUHTQcb8mZzVKaU8mOQPk5yboeMtAACgN9Qkf59kZjcUnKRLTnJW5voaAAD0jK64nraqris5ietrAADQA7rmetqquuK62qpcXwMAgK7VddfTVtWVJzkrq7Vuk+SzSY5qOgsAAIxzs5K8b/mhRNfq+pKzQq31yCQXJNmh6SwAADDOzE9yWinle00HGY6uvK62OqWUf0+ye5K/TLKs4TgAADAeLEtyVpLde6XgJD10krMyV9gAAKDjeuJq2ur0ZMlZodb66iR/keR/JJnYcBwAAOh1zyb5WpJzSim3Nx1mpHq65KxQa90uyRlJ3pHkJQ3HAQCAXvNEks8nuaCU8oumw4xWX5ScFWqtL0lySpL3JNm+4TgAANDtfpGhl3t9vpTyRNNh2qWvSs4KtdaJSd6UoatsBzQcBwAAus0Pkpyf5GullGebDtNufVlyVlZr3STJ8Un+NMlrMg7+zgAAsIrnknw3yZeT/FspZWnDeTpqXP2Dv9b68iQnZKjwvLLhOAAA0Gk/zlCxuayU8sumw4yVcVVyVlZr3T7JzCSHJnltkm2aTQQAAKO2IMn3VnyVUh5oOE8jxm3JWVWtdecMlZ1Dl39NbzYRAACs0y/zwlIzr+E80FPaTQAAAGpJREFUXUHJWYNa6+4ZutK2U5KdV/o+tclcAACMS48luT/Jfcu/35/kR6WUextN1aWUnBbVWl+aobKzc5LtkmyWZMoqXy9Z/t1pEAAAa7IoyeMZ+oyax1f5Wpyh1zvfl+T+UsqipkL2ov8PH0WjcxapSkAAAAAASUVORK5CYII="},7974:(A,e,t)=>{t.d(e,{Z:()=>r});const r=t.p+"assets/images/debugevents-0a6dd2b6a94eb896f9c53e7aff325833.png"},1242:(A,e,t)=>{t.d(e,{Z:()=>r});const r=t.p+"assets/images/fitness-0c38df17d7bb7f1b8846f0f21347c685.png"},4061:(A,e,t)=>{t.d(e,{Z:()=>r});const r=t.p+"assets/images/list-0d495fe5548effb055930ecbdd3eb9ae.png"},76:(A,e,t)=>{t.d(e,{Z:()=>r});const r=t.p+"assets/images/resizable-1058d2386ccea47b5a616cabf5d79173.png"},786:(A,e,t)=>{t.d(e,{Z:()=>r});const r=t.p+"assets/images/rotated-ec4a7afbecb2f7eeb34c792a7e0389d0.png"},2248:(A,e,t)=>{t.d(e,{Z:()=>r});const r=t.p+"assets/images/shopify-ea022a5b06aaa27eb58e5c8bd2e6ade1.png"}}]); \ No newline at end of file diff --git a/assets/js/76085ae1.476a4b79.js b/assets/js/76085ae1.476a4b79.js deleted file mode 100644 index 33c74db..0000000 --- a/assets/js/76085ae1.476a4b79.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[2342],{3905:(e,t,r)=>{r.d(t,{Zo:()=>s,kt:()=>u});var n=r(7294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t =0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var p=n.createContext({}),c=function(e){var t=n.useContext(p),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},s=function(e){var t=c(e.components);return n.createElement(p.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,i=e.originalType,p=e.parentName,s=l(e,["components","mdxType","originalType","parentName"]),m=c(r),u=a,g=m["".concat(p,".").concat(u)]||m[u]||d[u]||i;return r?n.createElement(g,o(o({ref:t},s),{},{components:r})):n.createElement(g,o({ref:t},s))}));function u(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=r.length,o=new Array(i);o[0]=m;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l.mdxType="string"==typeof e?e:a,o[1]=l;for(var c=2;c{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>o,default:()=>d,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var n=r(7462),a=(r(7294),r(3905));const i={id:"ImageWidget",title:"Namespace: ImageWidget",sidebar_label:"ImageWidget",sidebar_position:0,custom_edit_url:null},o=void 0,l={unversionedId:"public-api/namespaces/ImageWidget",id:"public-api/namespaces/ImageWidget",title:"Namespace: ImageWidget",description:"Variables",source:"@site/docs/public-api/namespaces/ImageWidget.md",sourceDirName:"public-api/namespaces",slug:"/public-api/namespaces/ImageWidget",permalink:"/react-native-android-widget/docs/public-api/namespaces/ImageWidget",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ImageWidget",title:"Namespace: ImageWidget",sidebar_label:"ImageWidget",sidebar_position:0,custom_edit_url:null}},p={},c=[{value:"Variables",id:"variables",level:2},{value:"__name__",id:"__name__",level:3},{value:"Functions",id:"functions",level:2},{value:"convertProps",id:"convertprops",level:3},{value:"Parameters",id:"parameters",level:4},{value:"Returns",id:"returns",level:4}],s={toc:c};function d(e){let{components:t,...r}=e;return(0,a.kt)("wrapper",(0,n.Z)({},s,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"variables"},"Variables"),(0,a.kt)("h3",{id:"__name__"},"_","_","name","_","_"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"_","_","name","_","_"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"string")),(0,a.kt)("h2",{id:"functions"},"Functions"),(0,a.kt)("h3",{id:"convertprops"},"convertProps"),(0,a.kt)("p",null,"\u25b8 ",(0,a.kt)("strong",{parentName:"p"},"convertProps"),"(",(0,a.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,a.kt)("inlineCode",{parentName:"p"},"ImageWidgetInternalProps")),(0,a.kt)("h4",{id:"parameters"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps"},(0,a.kt)("inlineCode",{parentName:"a"},"ImageWidgetProps")))))),(0,a.kt)("h4",{id:"returns"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"ImageWidgetInternalProps")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/7ad22d07.7b28f0e5.js b/assets/js/7ad22d07.7b28f0e5.js deleted file mode 100644 index 0386d25..0000000 --- a/assets/js/7ad22d07.7b28f0e5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5073],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>m});var r=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t =0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d=r.createContext({}),l=function(e){var t=r.useContext(d),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},c=function(e){var t=l(e.components);return r.createElement(d.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,i=e.originalType,d=e.parentName,c=p(e,["components","mdxType","originalType","parentName"]),u=l(n),m=a,f=u["".concat(d,".").concat(m)]||u[m]||s[m]||i;return n?r.createElement(f,o(o({ref:t},c),{},{components:n})):r.createElement(f,o({ref:t},c))}));function m(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=n.length,o=new Array(i);o[0]=u;var p={};for(var d in t)hasOwnProperty.call(t,d)&&(p[d]=t[d]);p.originalType=e,p.mdxType="string"==typeof e?e:a,o[1]=p;for(var l=2;l{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>s,frontMatter:()=>i,metadata:()=>p,toc:()=>l});var r=n(7462),a=(n(7294),n(3905));const i={id:"RequestWidgetUpdateProps",title:"Interface: RequestWidgetUpdateProps",sidebar_label:"RequestWidgetUpdateProps",sidebar_position:0,custom_edit_url:null},o=void 0,p={unversionedId:"public-api/interfaces/RequestWidgetUpdateProps",id:"public-api/interfaces/RequestWidgetUpdateProps",title:"Interface: RequestWidgetUpdateProps",description:"Properties",source:"@site/docs/public-api/interfaces/RequestWidgetUpdateProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/RequestWidgetUpdateProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"RequestWidgetUpdateProps",title:"Interface: RequestWidgetUpdateProps",sidebar_label:"RequestWidgetUpdateProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"PaddingStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},next:{title:"ScreenInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo"}},d={},l=[{value:"Properties",id:"properties",level:2},{value:"widgetName",id:"widgetname",level:3},{value:"renderWidget",id:"renderwidget",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"widgetNotFound",id:"widgetnotfound",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Returns",id:"returns-1",level:5}],c={toc:l};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"properties"},"Properties"),(0,a.kt)("h3",{id:"widgetname"},"widgetName"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"widgetName"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"string")),(0,a.kt)("p",null,"The name of the widget to update"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"renderwidget"},"renderWidget"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"renderWidget"),": (",(0,a.kt)("inlineCode",{parentName:"p"},"props"),": ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},(0,a.kt)("inlineCode",{parentName:"a"},"WidgetInfo")),") => ",(0,a.kt)("inlineCode",{parentName:"p"},"Element")," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,a.kt)("inlineCode",{parentName:"p"},"Element"),">"),(0,a.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,a.kt)("p",null,"\u25b8 (",(0,a.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,a.kt)("inlineCode",{parentName:"p"},"Element")," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,a.kt)("inlineCode",{parentName:"p"},"Element"),">"),(0,a.kt)("p",null,"Callback function that will be called with ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},"WidgetInfo"),"\nIt should return the JSX of the updated widget"),(0,a.kt)("h5",{id:"parameters"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo"},(0,a.kt)("inlineCode",{parentName:"a"},"WidgetInfo")))))),(0,a.kt)("h5",{id:"returns"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"Element")," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},"Promise"),"<",(0,a.kt)("inlineCode",{parentName:"p"},"Element"),">"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"widgetnotfound"},"widgetNotFound"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"widgetNotFound"),": () => ",(0,a.kt)("inlineCode",{parentName:"p"},"void")),(0,a.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,a.kt)("p",null,"\u25b8 (): ",(0,a.kt)("inlineCode",{parentName:"p"},"void")),(0,a.kt)("p",null,"Callback function that will be called if no widgets are added on the home screen\nIt can be used to clean up background tasks that update the widget periodically"),(0,a.kt)("h5",{id:"returns-1"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"void")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/7ad22d07.c62f7fde.js b/assets/js/7ad22d07.c62f7fde.js new file mode 100644 index 0000000..8d40fa1 --- /dev/null +++ b/assets/js/7ad22d07.c62f7fde.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5073],{6932:(e,t,d)=>{d.r(t),d.d(t,{assets:()=>a,contentTitle:()=>s,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var i=d(5893),n=d(1151);const r={id:"RequestWidgetUpdateProps",title:"Interface: RequestWidgetUpdateProps",sidebar_label:"RequestWidgetUpdateProps",sidebar_position:0,custom_edit_url:null},s=void 0,l={id:"public-api/interfaces/RequestWidgetUpdateProps",title:"Interface: RequestWidgetUpdateProps",description:"Properties",source:"@site/docs/public-api/interfaces/RequestWidgetUpdateProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/RequestWidgetUpdateProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"RequestWidgetUpdateProps",title:"Interface: RequestWidgetUpdateProps",sidebar_label:"RequestWidgetUpdateProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"PaddingStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},next:{title:"ScreenInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo"}},a={},c=[{value:"Properties",id:"properties",level:2},{value:"widgetName",id:"widgetname",level:3},{value:"renderWidget",id:"renderwidget",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Parameters",id:"parameters",level:5},{value:"Returns",id:"returns",level:5},{value:"widgetNotFound",id:"widgetnotfound",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Returns",id:"returns-1",level:5}];function o(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",h5:"h5",hr:"hr",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,i.jsx)(t.h3,{id:"widgetname",children:"widgetName"}),"\n",(0,i.jsxs)(t.p,{children:["\u2022 ",(0,i.jsx)(t.strong,{children:"widgetName"}),": ",(0,i.jsx)(t.code,{children:"string"})]}),"\n",(0,i.jsx)(t.p,{children:"The name of the widget to update"}),"\n",(0,i.jsx)(t.hr,{}),"\n",(0,i.jsx)(t.h3,{id:"renderwidget",children:"renderWidget"}),"\n",(0,i.jsxs)(t.p,{children:["\u2022 ",(0,i.jsx)(t.strong,{children:"renderWidget"}),": (",(0,i.jsx)(t.code,{children:"props"}),": ",(0,i.jsx)(t.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",children:(0,i.jsx)(t.code,{children:"WidgetInfo"})}),") => ",(0,i.jsx)(t.code,{children:"Element"})," | ",(0,i.jsx)(t.code,{children:"Promise"}),"<",(0,i.jsx)(t.code,{children:"Element"}),">"]}),"\n",(0,i.jsxs)(t.p,{children:["Callback function that will be called with ",(0,i.jsx)(t.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",children:"WidgetInfo"}),"\nIt should return the JSX of the updated widget"]}),"\n",(0,i.jsx)(t.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,i.jsxs)(t.p,{children:["\u25b8 (",(0,i.jsx)(t.code,{children:"props"}),"): ",(0,i.jsx)(t.code,{children:"Element"})," | ",(0,i.jsx)(t.code,{children:"Promise"}),"<",(0,i.jsx)(t.code,{children:"Element"}),">"]}),"\n",(0,i.jsxs)(t.p,{children:["Callback function that will be called with ",(0,i.jsx)(t.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",children:"WidgetInfo"}),"\nIt should return the JSX of the updated widget"]}),"\n",(0,i.jsx)(t.h5,{id:"parameters",children:"Parameters"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{style:{textAlign:"left"},children:"Name"}),(0,i.jsx)(t.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,i.jsx)(t.tbody,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"left"},children:(0,i.jsx)(t.code,{children:"props"})}),(0,i.jsx)(t.td,{style:{textAlign:"left"},children:(0,i.jsx)(t.a,{href:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",children:(0,i.jsx)(t.code,{children:"WidgetInfo"})})})]})})]}),"\n",(0,i.jsx)(t.h5,{id:"returns",children:"Returns"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.code,{children:"Element"})," | ",(0,i.jsx)(t.code,{children:"Promise"}),"<",(0,i.jsx)(t.code,{children:"Element"}),">"]}),"\n",(0,i.jsx)(t.hr,{}),"\n",(0,i.jsx)(t.h3,{id:"widgetnotfound",children:"widgetNotFound"}),"\n",(0,i.jsxs)(t.p,{children:["\u2022 ",(0,i.jsx)(t.code,{children:"Optional"})," ",(0,i.jsx)(t.strong,{children:"widgetNotFound"}),": () => ",(0,i.jsx)(t.code,{children:"void"})]}),"\n",(0,i.jsx)(t.p,{children:"Callback function that will be called if no widgets are added on the home screen\nIt can be used to clean up background tasks that update the widget periodically"}),"\n",(0,i.jsx)(t.h4,{id:"type-declaration-1",children:"Type declaration"}),"\n",(0,i.jsxs)(t.p,{children:["\u25b8 (): ",(0,i.jsx)(t.code,{children:"void"})]}),"\n",(0,i.jsx)(t.p,{children:"Callback function that will be called if no widgets are added on the home screen\nIt can be used to clean up background tasks that update the widget periodically"}),"\n",(0,i.jsx)(t.h5,{id:"returns-1",children:"Returns"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.code,{children:"void"})})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},1151:(e,t,d)=>{d.d(t,{Z:()=>l,a:()=>s});var i=d(7294);const n={},r=i.createContext(n);function s(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:s(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/7d14206d.730b3071.js b/assets/js/7d14206d.730b3071.js deleted file mode 100644 index 1656594..0000000 --- a/assets/js/7d14206d.730b3071.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9896],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>m});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t =0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var s=r.createContext({}),p=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},u=function(e){var t=p(e.components);return r.createElement(s.Provider,{value:t},e.children)},l={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},c=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,a=e.originalType,s=e.parentName,u=d(e,["components","mdxType","originalType","parentName"]),c=p(n),m=i,g=c["".concat(s,".").concat(m)]||c[m]||l[m]||a;return n?r.createElement(g,o(o({ref:t},u),{},{components:n})):r.createElement(g,o({ref:t},u))}));function m(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=n.length,o=new Array(a);o[0]=c;var d={};for(var s in t)hasOwnProperty.call(t,s)&&(d[s]=t[s]);d.originalType=e,d.mdxType="string"==typeof e?e:i,o[1]=d;for(var p=2;p{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>o,default:()=>l,frontMatter:()=>a,metadata:()=>d,toc:()=>p});var r=n(7462),i=(n(7294),n(3905));const a={sidebar_position:3},o="requestWidgetUpdate",d={unversionedId:"api/request-widget-update",id:"api/request-widget-update",title:"requestWidgetUpdate",description:"react-native-android-widget exports a requestWidgetUpdate function that can be used to request a widget update while the application is open (or with some background task).",source:"@site/docs/api/request-widget-update.md",sourceDirName:"api",slug:"/api/request-widget-update",permalink:"/react-native-android-widget/docs/api/request-widget-update",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/api/request-widget-update.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"default",previous:{title:"registerWidgetTaskHandler",permalink:"/react-native-android-widget/docs/api/register-widget-task-handler"},next:{title:"registerWidgetConfigurationScreen",permalink:"/react-native-android-widget/docs/api/register-widget-configuration-screen"}},s={},p=[{value:"Usage",id:"usage",level:2},{value:"Example",id:"example",level:3},{value:"Demo",id:"demo",level:3},{value:"Types",id:"types",level:2}],u={toc:p};function l(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"requestwidgetupdate"},"requestWidgetUpdate"),(0,i.kt)("p",null,(0,i.kt)("inlineCode",{parentName:"p"},"react-native-android-widget")," exports a ",(0,i.kt)("inlineCode",{parentName:"p"},"requestWidgetUpdate")," function that can be used to request a widget update while the application is open (or with some background task)."),(0,i.kt)("p",null,"Since the user can add the same widget multiple times, with different sizes, ",(0,i.kt)("inlineCode",{parentName:"p"},"requestWidgetUpdate")," will cycle all widgets and allow us to redraw them."),(0,i.kt)("h2",{id:"usage"},"Usage"),(0,i.kt)("p",null,"Lets assume we have a ",(0,i.kt)("inlineCode",{parentName:"p"},"CounterWidget")," widget that shows a single number, which it gets as a prop."),(0,i.kt)("p",null,"If the user has added a ",(0,i.kt)("inlineCode",{parentName:"p"},"CounterWidget")," to the home screen, then when the ",(0,i.kt)("inlineCode",{parentName:"p"},"CounterWidgetScreen")," is opened we can update the number shown on the widget on the home screen using ",(0,i.kt)("inlineCode",{parentName:"p"},"requestWidgetUpdate"),"."),(0,i.kt)("p",null,"If the user has added the ",(0,i.kt)("inlineCode",{parentName:"p"},"CounterWidget")," multiple times, ",(0,i.kt)("inlineCode",{parentName:"p"},"renderWidget")," will be called multiple times, once for each widget."),(0,i.kt)("p",null,"If the user has not added the ",(0,i.kt)("inlineCode",{parentName:"p"},"CounterWidget")," on the Android home screen, the optional callback ",(0,i.kt)("inlineCode",{parentName:"p"},"widgetNotFound")," will be called."),(0,i.kt)("h3",{id:"example"},"Example"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx",metastring:'title="CounterScreen.tsx"',title:'"CounterScreen.tsx"'},"import * as React from 'react';\nimport { Button, StyleSheet, View, Text } from 'react-native';\nimport { requestWidgetUpdate } from 'react-native-android-widget';\n\nimport { CounterWidget } from './CounterWidget';\n\nexport function CounterScreen() {\n const [count, setCount] = React.useState(0);\n\n React.useEffect(() => {\n requestWidgetUpdate({\n widgetName: 'Counter',\n renderWidget: () => ,\n widgetNotFound: () => {\n // Called if no widget is present on the home screen\n }\n });\n }, [count]);\n\n return (\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n")),(0,i.kt)("h3",{id:"demo"},"Demo"),(0,i.kt)("p",null,"Check the full code in the ",(0,i.kt)("a",{parentName:"p",href:"https://github.com/sAleksovski/react-native-android-widget/blob/master/example/src/screens/CounterScreen.tsx"},"Counter Screen")),(0,i.kt)("h2",{id:"types"},"Types"),(0,i.kt)("p",null,"Check the types in the ",(0,i.kt)("a",{parentName:"p",href:"/docs/public-api#requestwidgetupdate"},"Public API")," documentation"),(0,i.kt)("p",null,"The ",(0,i.kt)("inlineCode",{parentName:"p"},"requestWidgetUpdate")," function should be called with the properties described with ",(0,i.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/RequestWidgetUpdateProps"},"RequestWidgetUpdateProps")))}l.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/7d14206d.9265b283.js b/assets/js/7d14206d.9265b283.js new file mode 100644 index 0000000..04a8eb1 --- /dev/null +++ b/assets/js/7d14206d.9265b283.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9896],{7024:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>s,default:()=>l,frontMatter:()=>r,metadata:()=>o,toc:()=>c});var i=n(5893),d=n(1151);const r={sidebar_position:3},s="requestWidgetUpdate",o={id:"api/request-widget-update",title:"requestWidgetUpdate",description:"react-native-android-widget exports a requestWidgetUpdate function that can be used to request a widget update while the application is open (or with some background task).",source:"@site/docs/api/request-widget-update.md",sourceDirName:"api",slug:"/api/request-widget-update",permalink:"/react-native-android-widget/docs/api/request-widget-update",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/api/request-widget-update.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"default",previous:{title:"registerWidgetTaskHandler",permalink:"/react-native-android-widget/docs/api/register-widget-task-handler"},next:{title:"registerWidgetConfigurationScreen",permalink:"/react-native-android-widget/docs/api/register-widget-configuration-screen"}},a={},c=[{value:"Usage",id:"usage",level:2},{value:"Example",id:"example",level:3},{value:"Demo",id:"demo",level:3},{value:"Types",id:"types",level:2}];function u(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,d.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"requestwidgetupdate",children:"requestWidgetUpdate"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.code,{children:"react-native-android-widget"})," exports a ",(0,i.jsx)(t.code,{children:"requestWidgetUpdate"})," function that can be used to request a widget update while the application is open (or with some background task)."]}),"\n",(0,i.jsxs)(t.p,{children:["Since the user can add the same widget multiple times, with different sizes, ",(0,i.jsx)(t.code,{children:"requestWidgetUpdate"})," will cycle all widgets and allow us to redraw them."]}),"\n",(0,i.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsxs)(t.p,{children:["Lets assume we have a ",(0,i.jsx)(t.code,{children:"CounterWidget"})," widget that shows a single number, which it gets as a prop."]}),"\n",(0,i.jsxs)(t.p,{children:["If the user has added a ",(0,i.jsx)(t.code,{children:"CounterWidget"})," to the home screen, then when the ",(0,i.jsx)(t.code,{children:"CounterWidgetScreen"})," is opened we can update the number shown on the widget on the home screen using ",(0,i.jsx)(t.code,{children:"requestWidgetUpdate"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["If the user has added the ",(0,i.jsx)(t.code,{children:"CounterWidget"})," multiple times, ",(0,i.jsx)(t.code,{children:"renderWidget"})," will be called multiple times, once for each widget."]}),"\n",(0,i.jsxs)(t.p,{children:["If the user has not added the ",(0,i.jsx)(t.code,{children:"CounterWidget"})," on the Android home screen, the optional callback ",(0,i.jsx)(t.code,{children:"widgetNotFound"})," will be called."]}),"\n",(0,i.jsx)(t.h3,{id:"example",children:"Example"}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-jsx",metastring:'title="CounterScreen.tsx"',children:"import * as React from 'react';\nimport { Button, StyleSheet, View, Text } from 'react-native';\nimport { requestWidgetUpdate } from 'react-native-android-widget';\n\nimport { CounterWidget } from './CounterWidget';\n\nexport function CounterScreen() {\n const [count, setCount] = React.useState(0);\n\n React.useEffect(() => {\n requestWidgetUpdate({\n widgetName: 'Counter',\n renderWidget: () =>{count} \n,\n widgetNotFound: () => {\n // Called if no widget is present on the home screen\n }\n });\n }, [count]);\n\n return (\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n"})}),"\n",(0,i.jsx)(t.h3,{id:"demo",children:"Demo"}),"\n",(0,i.jsxs)(t.p,{children:["Check the full code in the ",(0,i.jsx)(t.a,{href:"https://github.com/sAleksovski/react-native-android-widget/blob/master/example/src/screens/CounterScreen.tsx",children:"Counter Screen"})]}),"\n",(0,i.jsx)(t.h2,{id:"types",children:"Types"}),"\n",(0,i.jsxs)(t.p,{children:["Check the types in the ",(0,i.jsx)(t.a,{href:"/docs/public-api#requestwidgetupdate",children:"Public API"})," documentation"]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"requestWidgetUpdate"})," function should be called with the properties described with ",(0,i.jsx)(t.a,{href:"/docs/public-api/interfaces/RequestWidgetUpdateProps",children:"RequestWidgetUpdateProps"})]})]})}function l(e={}){const{wrapper:t}={...(0,d.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1151:(e,t,n)=>{n.d(t,{Z:()=>o,a:()=>s});var i=n(7294);const d={},r=i.createContext(d);function s(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:s(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/7f5eb84b.4a94c0f4.js b/assets/js/7f5eb84b.4a94c0f4.js deleted file mode 100644 index 61cbdc3..0000000 --- a/assets/js/7f5eb84b.4a94c0f4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9069],{3905:(e,t,r)=>{r.d(t,{Zo:()=>m,kt:()=>k});var i=r(7294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function o(e){for(var t=1;t{count} \nsetCount(count + 1)} />\n setCount(count - 1)} />\n =0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var p=i.createContext({}),l=function(e){var t=i.useContext(p),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},m=function(e){var t=l(e.components);return i.createElement(p.Provider,{value:t},e.children)},c={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},h=i.forwardRef((function(e,t){var r=e.components,a=e.mdxType,n=e.originalType,p=e.parentName,m=d(e,["components","mdxType","originalType","parentName"]),h=l(r),k=a,s=h["".concat(p,".").concat(k)]||h[k]||c[k]||n;return r?i.createElement(s,o(o({ref:t},m),{},{components:r})):i.createElement(s,o({ref:t},m))}));function k(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var n=r.length,o=new Array(n);o[0]=h;var d={};for(var p in t)hasOwnProperty.call(t,p)&&(d[p]=t[p]);d.originalType=e,d.mdxType="string"==typeof e?e:a,o[1]=d;for(var l=2;l {r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>o,default:()=>c,frontMatter:()=>n,metadata:()=>d,toc:()=>l});var i=r(7462),a=(r(7294),r(3905));const n={id:"CommonStyleProps",title:"Interface: CommonStyleProps",sidebar_label:"CommonStyleProps",sidebar_position:0,custom_edit_url:null},o=void 0,d={unversionedId:"public-api/interfaces/CommonStyleProps",id:"public-api/interfaces/CommonStyleProps",title:"Interface: CommonStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/CommonStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/CommonStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"CommonStyleProps",title:"Interface: CommonStyleProps",sidebar_label:"CommonStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ClickActionProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},next:{title:"FlexWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps"}},p={},l=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"padding",id:"padding",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"paddingTop",id:"paddingtop",level:3},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"paddingLeft",id:"paddingleft",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"paddingRight",id:"paddingright",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-21",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-22",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-23",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-24",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-25",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-26",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-27",level:4},{value:"borderRadius",id:"borderradius",level:3},{value:"Inherited from",id:"inherited-from-28",level:4},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"Inherited from",id:"inherited-from-29",level:4},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"Inherited from",id:"inherited-from-30",level:4},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"Inherited from",id:"inherited-from-31",level:4},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"Inherited from",id:"inherited-from-32",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-33",level:4},{value:"rotation",id:"rotation",level:3},{value:"Inherited from",id:"inherited-from-34",level:4}],m={toc:l};function c(e){let{components:t,...r}=e;return(0,a.kt)("wrapper",(0,i.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},(0,a.kt)("inlineCode",{parentName:"a"},"MarginStyleProps")))),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},(0,a.kt)("inlineCode",{parentName:"a"},"PaddingStyleProps")))),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"},(0,a.kt)("inlineCode",{parentName:"a"},"SizeStyleProps")))),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"},(0,a.kt)("inlineCode",{parentName:"a"},"BackgroundStyleProps")))),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},(0,a.kt)("inlineCode",{parentName:"a"},"BorderStyleProps")))),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps"},(0,a.kt)("inlineCode",{parentName:"a"},"OtherStyleProps"))),(0,a.kt)("p",{parentName:"li"},"\u21b3 ",(0,a.kt)("strong",{parentName:"p"},(0,a.kt)("inlineCode",{parentName:"strong"},"CommonStyleProps"))),(0,a.kt)("p",{parentName:"li"},"\u21b3\u21b3 ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle"},(0,a.kt)("inlineCode",{parentName:"a"},"FlexWidgetStyle"))),(0,a.kt)("p",{parentName:"li"},"\u21b3\u21b3 ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle"},(0,a.kt)("inlineCode",{parentName:"a"},"IconWidgetStyle"))),(0,a.kt)("p",{parentName:"li"},"\u21b3\u21b3 ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle"},(0,a.kt)("inlineCode",{parentName:"a"},"OverlapWidgetStyle"))),(0,a.kt)("p",{parentName:"li"},"\u21b3\u21b3 ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle"},(0,a.kt)("inlineCode",{parentName:"a"},"TextWidgetStyle"))))),(0,a.kt)("h2",{id:"properties"},"Properties"),(0,a.kt)("h3",{id:"margin"},"margin"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"margin"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#margin"},"margin")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"marginhorizontal"},"marginHorizontal"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"marginHorizontal"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginhorizontal"},"marginHorizontal")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"marginvertical"},"marginVertical"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"marginVertical"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-2"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginvertical"},"marginVertical")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"margintop"},"marginTop"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"marginTop"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-3"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#margintop"},"marginTop")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"marginbottom"},"marginBottom"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"marginBottom"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-4"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginbottom"},"marginBottom")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"marginleft"},"marginLeft"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"marginLeft"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-5"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginleft"},"marginLeft")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"marginright"},"marginRight"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"marginRight"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-6"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginright"},"marginRight")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"padding"},"padding"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"padding"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-7"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},"PaddingStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#padding"},"padding")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"paddinghorizontal"},"paddingHorizontal"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"paddingHorizontal"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-8"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},"PaddingStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddinghorizontal"},"paddingHorizontal")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"paddingvertical"},"paddingVertical"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"paddingVertical"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-9"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},"PaddingStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingvertical"},"paddingVertical")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"paddingtop"},"paddingTop"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"paddingTop"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-10"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},"PaddingStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingtop"},"paddingTop")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"paddingbottom"},"paddingBottom"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"paddingBottom"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-11"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},"PaddingStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingbottom"},"paddingBottom")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"paddingleft"},"paddingLeft"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"paddingLeft"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-12"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},"PaddingStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingleft"},"paddingLeft")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"paddingright"},"paddingRight"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"paddingRight"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-13"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps"},"PaddingStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingright"},"paddingRight")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"height"},"height"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"height"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,a.kt)("h4",{id:"inherited-from-14"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"},"SizeStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps#height"},"height")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"width"},"width"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"width"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,a.kt)("h4",{id:"inherited-from-15"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"},"SizeStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps#width"},"width")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"backgroundcolor"},"backgroundColor"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"backgroundColor"),": ",(0,a.kt)("a",{parentName:"p",href:"../#colorprop"},(0,a.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,a.kt)("h4",{id:"inherited-from-16"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"},"BackgroundStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps#backgroundcolor"},"backgroundColor")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"backgroundgradient"},"backgroundGradient"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"backgroundGradient"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"Object")),(0,a.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"from")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("a",{parentName:"td",href:"../#colorprop"},(0,a.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"to")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("a",{parentName:"td",href:"../#colorprop"},(0,a.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"orientation")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},'"TOP_BOTTOM"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"td"},'"TR_BL"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"td"},'"RIGHT_LEFT"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"td"},'"BR_TL"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"td"},'"BOTTOM_TOP"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"td"},'"BL_TR"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"td"},'"LEFT_RIGHT"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"td"},'"TL_BR"'))))),(0,a.kt)("h4",{id:"inherited-from-17"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"},"BackgroundStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps#backgroundgradient"},"backgroundGradient")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderwidth"},"borderWidth"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderWidth"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-18"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderwidth"},"borderWidth")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"bordertopwidth"},"borderTopWidth"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderTopWidth"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-19"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordertopwidth"},"borderTopWidth")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderbottomwidth"},"borderBottomWidth"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderBottomWidth"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-20"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderbottomwidth"},"borderBottomWidth")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderleftwidth"},"borderLeftWidth"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderLeftWidth"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-21"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderleftwidth"},"borderLeftWidth")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderrightwidth"},"borderRightWidth"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderRightWidth"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-22"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderrightwidth"},"borderRightWidth")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"bordercolor"},"borderColor"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderColor"),": ",(0,a.kt)("a",{parentName:"p",href:"../#colorprop"},(0,a.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,a.kt)("h4",{id:"inherited-from-23"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordercolor"},"borderColor")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"bordertopcolor"},"borderTopColor"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderTopColor"),": ",(0,a.kt)("a",{parentName:"p",href:"../#colorprop"},(0,a.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,a.kt)("h4",{id:"inherited-from-24"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordertopcolor"},"borderTopColor")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderbottomcolor"},"borderBottomColor"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderBottomColor"),": ",(0,a.kt)("a",{parentName:"p",href:"../#colorprop"},(0,a.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,a.kt)("h4",{id:"inherited-from-25"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderbottomcolor"},"borderBottomColor")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderleftcolor"},"borderLeftColor"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderLeftColor"),": ",(0,a.kt)("a",{parentName:"p",href:"../#colorprop"},(0,a.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,a.kt)("h4",{id:"inherited-from-26"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderleftcolor"},"borderLeftColor")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderrightcolor"},"borderRightColor"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderRightColor"),": ",(0,a.kt)("a",{parentName:"p",href:"../#colorprop"},(0,a.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,a.kt)("h4",{id:"inherited-from-27"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderrightcolor"},"borderRightColor")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderradius"},"borderRadius"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderRadius"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-28"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderradius"},"borderRadius")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"bordertopleftradius"},"borderTopLeftRadius"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderTopLeftRadius"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-29"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordertopleftradius"},"borderTopLeftRadius")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"bordertoprightradius"},"borderTopRightRadius"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderTopRightRadius"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-30"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordertoprightradius"},"borderTopRightRadius")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderbottomleftradius"},"borderBottomLeftRadius"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderBottomLeftRadius"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-31"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderbottomleftradius"},"borderBottomLeftRadius")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderbottomrightradius"},"borderBottomRightRadius"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderBottomRightRadius"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-32"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderbottomrightradius"},"borderBottomRightRadius")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"borderstyle"},"borderStyle"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"borderStyle"),": ",(0,a.kt)("inlineCode",{parentName:"p"},'"solid"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},'"dotted"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},'"dashed"')),(0,a.kt)("h4",{id:"inherited-from-33"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},"BorderStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderstyle"},"borderStyle")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"rotation"},"rotation"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"rotation"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("h4",{id:"inherited-from-34"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps"},"OtherStyleProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps#rotation"},"rotation")))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/7f5eb84b.5347e75f.js b/assets/js/7f5eb84b.5347e75f.js new file mode 100644 index 0000000..7d64e8a --- /dev/null +++ b/assets/js/7f5eb84b.5347e75f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9069],{8351:(e,r,i)=>{i.r(r),i.d(r,{assets:()=>s,contentTitle:()=>o,default:()=>h,frontMatter:()=>t,metadata:()=>l,toc:()=>c});var d=i(5893),n=i(1151);const t={id:"CommonStyleProps",title:"Interface: CommonStyleProps",sidebar_label:"CommonStyleProps",sidebar_position:0,custom_edit_url:null},o=void 0,l={id:"public-api/interfaces/CommonStyleProps",title:"Interface: CommonStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/CommonStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/CommonStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"CommonStyleProps",title:"Interface: CommonStyleProps",sidebar_label:"CommonStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ClickActionProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},next:{title:"FlexWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps"}},s={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"padding",id:"padding",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"paddingTop",id:"paddingtop",level:3},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"paddingLeft",id:"paddingleft",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"paddingRight",id:"paddingright",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-21",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-22",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-23",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-24",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-25",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-26",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-27",level:4},{value:"borderRadius",id:"borderradius",level:3},{value:"Inherited from",id:"inherited-from-28",level:4},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"Inherited from",id:"inherited-from-29",level:4},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"Inherited from",id:"inherited-from-30",level:4},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"Inherited from",id:"inherited-from-31",level:4},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"Inherited from",id:"inherited-from-32",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-33",level:4},{value:"rotation",id:"rotation",level:3},{value:"Inherited from",id:"inherited-from-34",level:4}];function a(e){const r={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,n.a)(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,d.jsxs)(r.ul,{children:["\n",(0,d.jsxs)(r.li,{children:["\n",(0,d.jsx)(r.p,{children:(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:(0,d.jsx)(r.code,{children:"MarginStyleProps"})})}),"\n"]}),"\n",(0,d.jsxs)(r.li,{children:["\n",(0,d.jsx)(r.p,{children:(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",children:(0,d.jsx)(r.code,{children:"PaddingStyleProps"})})}),"\n"]}),"\n",(0,d.jsxs)(r.li,{children:["\n",(0,d.jsx)(r.p,{children:(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",children:(0,d.jsx)(r.code,{children:"SizeStyleProps"})})}),"\n"]}),"\n",(0,d.jsxs)(r.li,{children:["\n",(0,d.jsx)(r.p,{children:(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps",children:(0,d.jsx)(r.code,{children:"BackgroundStyleProps"})})}),"\n"]}),"\n",(0,d.jsxs)(r.li,{children:["\n",(0,d.jsx)(r.p,{children:(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:(0,d.jsx)(r.code,{children:"BorderStyleProps"})})}),"\n"]}),"\n",(0,d.jsxs)(r.li,{children:["\n",(0,d.jsx)(r.p,{children:(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps",children:(0,d.jsx)(r.code,{children:"OtherStyleProps"})})}),"\n",(0,d.jsxs)(r.p,{children:["\u21b3 ",(0,d.jsx)(r.strong,{children:(0,d.jsx)(r.code,{children:"CommonStyleProps"})})]}),"\n",(0,d.jsxs)(r.p,{children:["\u21b3\u21b3 ",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle",children:(0,d.jsx)(r.code,{children:"FlexWidgetStyle"})})]}),"\n",(0,d.jsxs)(r.p,{children:["\u21b3\u21b3 ",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle",children:(0,d.jsx)(r.code,{children:"IconWidgetStyle"})})]}),"\n",(0,d.jsxs)(r.p,{children:["\u21b3\u21b3 ",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle",children:(0,d.jsx)(r.code,{children:"OverlapWidgetStyle"})})]}),"\n",(0,d.jsxs)(r.p,{children:["\u21b3\u21b3 ",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle",children:(0,d.jsx)(r.code,{children:"TextWidgetStyle"})})]}),"\n"]}),"\n"]}),"\n",(0,d.jsx)(r.h2,{id:"properties",children:"Properties"}),"\n",(0,d.jsx)(r.h3,{id:"margin",children:"margin"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"margin"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#margin",children:"margin"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginhorizontal",children:"marginHorizontal"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginHorizontal"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginhorizontal",children:"marginHorizontal"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginvertical",children:"marginVertical"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginVertical"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-2",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginvertical",children:"marginVertical"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"margintop",children:"marginTop"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginTop"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-3",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#margintop",children:"marginTop"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginbottom",children:"marginBottom"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginBottom"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-4",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginbottom",children:"marginBottom"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginleft",children:"marginLeft"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginLeft"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-5",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginleft",children:"marginLeft"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginright",children:"marginRight"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginRight"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-6",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginright",children:"marginRight"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"padding",children:"padding"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"padding"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-7",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",children:"PaddingStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#padding",children:"padding"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddinghorizontal",children:"paddingHorizontal"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingHorizontal"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-8",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",children:"PaddingStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddinghorizontal",children:"paddingHorizontal"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingvertical",children:"paddingVertical"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingVertical"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-9",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",children:"PaddingStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingvertical",children:"paddingVertical"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingtop",children:"paddingTop"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingTop"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-10",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",children:"PaddingStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingtop",children:"paddingTop"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingbottom",children:"paddingBottom"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingBottom"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-11",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",children:"PaddingStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingbottom",children:"paddingBottom"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingleft",children:"paddingLeft"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingLeft"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-12",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",children:"PaddingStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingleft",children:"paddingLeft"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingright",children:"paddingRight"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingRight"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-13",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",children:"PaddingStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps#paddingright",children:"paddingRight"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"height",children:"height"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"height"}),": ",(0,d.jsx)(r.code,{children:"number"})," | ",(0,d.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,d.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-14",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",children:"SizeStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps#height",children:"height"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"width",children:"width"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"width"}),": ",(0,d.jsx)(r.code,{children:"number"})," | ",(0,d.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,d.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-15",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",children:"SizeStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps#width",children:"width"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"backgroundcolor",children:"backgroundColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"backgroundColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-16",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps",children:"BackgroundStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps#backgroundcolor",children:"backgroundColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"backgroundgradient",children:"backgroundGradient"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"backgroundGradient"}),": ",(0,d.jsx)(r.code,{children:"Object"})]}),"\n",(0,d.jsx)(r.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,d.jsxs)(r.table,{children:[(0,d.jsx)(r.thead,{children:(0,d.jsxs)(r.tr,{children:[(0,d.jsx)(r.th,{style:{textAlign:"left"},children:"Name"}),(0,d.jsx)(r.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,d.jsxs)(r.tbody,{children:[(0,d.jsxs)(r.tr,{children:[(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.code,{children:"from"})}),(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.a,{href:"../#colorprop",children:(0,d.jsx)(r.code,{children:"ColorProp"})})})]}),(0,d.jsxs)(r.tr,{children:[(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.code,{children:"to"})}),(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.a,{href:"../#colorprop",children:(0,d.jsx)(r.code,{children:"ColorProp"})})})]}),(0,d.jsxs)(r.tr,{children:[(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.code,{children:"orientation"})}),(0,d.jsxs)(r.td,{style:{textAlign:"left"},children:[(0,d.jsx)(r.code,{children:'"TOP_BOTTOM"'})," | ",(0,d.jsx)(r.code,{children:'"TR_BL"'})," | ",(0,d.jsx)(r.code,{children:'"RIGHT_LEFT"'})," | ",(0,d.jsx)(r.code,{children:'"BR_TL"'})," | ",(0,d.jsx)(r.code,{children:'"BOTTOM_TOP"'})," | ",(0,d.jsx)(r.code,{children:'"BL_TR"'})," | ",(0,d.jsx)(r.code,{children:'"LEFT_RIGHT"'})," | ",(0,d.jsx)(r.code,{children:'"TL_BR"'})]})]})]})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-17",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps",children:"BackgroundStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps#backgroundgradient",children:"backgroundGradient"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderwidth",children:"borderWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-18",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderwidth",children:"borderWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordertopwidth",children:"borderTopWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderTopWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-19",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordertopwidth",children:"borderTopWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderbottomwidth",children:"borderBottomWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderBottomWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-20",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderbottomwidth",children:"borderBottomWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderleftwidth",children:"borderLeftWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderLeftWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-21",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderleftwidth",children:"borderLeftWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderrightwidth",children:"borderRightWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderRightWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-22",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderrightwidth",children:"borderRightWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordercolor",children:"borderColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-23",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordercolor",children:"borderColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordertopcolor",children:"borderTopColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderTopColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-24",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordertopcolor",children:"borderTopColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderbottomcolor",children:"borderBottomColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderBottomColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-25",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderbottomcolor",children:"borderBottomColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderleftcolor",children:"borderLeftColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderLeftColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-26",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderleftcolor",children:"borderLeftColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderrightcolor",children:"borderRightColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderRightColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-27",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderrightcolor",children:"borderRightColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderradius",children:"borderRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-28",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderradius",children:"borderRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordertopleftradius",children:"borderTopLeftRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderTopLeftRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-29",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordertopleftradius",children:"borderTopLeftRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordertoprightradius",children:"borderTopRightRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderTopRightRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-30",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#bordertoprightradius",children:"borderTopRightRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderbottomleftradius",children:"borderBottomLeftRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderBottomLeftRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-31",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderbottomleftradius",children:"borderBottomLeftRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderbottomrightradius",children:"borderBottomRightRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderBottomRightRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-32",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderbottomrightradius",children:"borderBottomRightRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderstyle",children:"borderStyle"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderStyle"}),": ",(0,d.jsx)(r.code,{children:'"solid"'})," | ",(0,d.jsx)(r.code,{children:'"dotted"'})," | ",(0,d.jsx)(r.code,{children:'"dashed"'})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-33",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:"BorderStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps#borderstyle",children:"borderStyle"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"rotation",children:"rotation"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"rotation"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-34",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps",children:"OtherStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps#rotation",children:"rotation"})]})]})}function h(e={}){const{wrapper:r}={...(0,n.a)(),...e.components};return r?(0,d.jsx)(r,{...e,children:(0,d.jsx)(a,{...e})}):a(e)}},1151:(e,r,i)=>{i.d(r,{Z:()=>l,a:()=>o});var d=i(7294);const n={},t=d.createContext(n);function o(e){const r=d.useContext(t);return d.useMemo((function(){return"function"==typeof e?e(r):{...r,...e}}),[r,e])}function l(e){let r;return r=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),d.createElement(t.Provider,{value:r},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/82b1394b.aea30ef9.js b/assets/js/82b1394b.aea30ef9.js deleted file mode 100644 index 11510b4..0000000 --- a/assets/js/82b1394b.aea30ef9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6117],{3905:(e,t,r)=>{r.d(t,{Zo:()=>p,kt:()=>m});var i=r(7294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function o(e){for(var t=1;t =0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var d=i.createContext({}),c=function(e){var t=i.useContext(d),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},p=function(e){var t=c(e.components);return i.createElement(d.Provider,{value:t},e.children)},g={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},l=i.forwardRef((function(e,t){var r=e.components,n=e.mdxType,a=e.originalType,d=e.parentName,p=s(e,["components","mdxType","originalType","parentName"]),l=c(r),m=n,u=l["".concat(d,".").concat(m)]||l[m]||g[m]||a;return r?i.createElement(u,o(o({ref:t},p),{},{components:r})):i.createElement(u,o({ref:t},p))}));function m(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var a=r.length,o=new Array(a);o[0]=l;var s={};for(var d in t)hasOwnProperty.call(t,d)&&(s[d]=t[d]);s.originalType=e,s.mdxType="string"==typeof e?e:n,o[1]=s;for(var c=2;c{r.r(t),r.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>g,frontMatter:()=>a,metadata:()=>s,toc:()=>c});var i=r(7462),n=(r(7294),r(3905));const a={sidebar_position:4},o="ImageWidget",s={unversionedId:"primitives/image-widget",id:"primitives/image-widget",title:"ImageWidget",description:"Widget for displaying different types of images, including network images, data:/image images, and static resources.",source:"@site/docs/primitives/image-widget.md",sourceDirName:"primitives",slug:"/primitives/image-widget",permalink:"/react-native-android-widget/docs/primitives/image-widget",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/image-widget.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"default",previous:{title:"ListWidget",permalink:"/react-native-android-widget/docs/primitives/list-widget"},next:{title:"TextWidget",permalink:"/react-native-android-widget/docs/primitives/text-widget"}},d={},c=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2}],p={toc:c};function g(e){let{components:t,...r}=e;return(0,n.kt)("wrapper",(0,i.Z)({},p,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"imagewidget"},"ImageWidget"),(0,n.kt)("p",null,"Widget for displaying different types of images, including network images, ",(0,n.kt)("inlineCode",{parentName:"p"},"data:/image")," images, and static resources."),(0,n.kt)("h2",{id:"usage"},"Usage"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-tsx"},"import { FlexWidget, ImageWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n \n \n );\n}\n")),(0,n.kt)("h2",{id:"props"},"Props"),(0,n.kt)("p",null,"Check the props in the ",(0,n.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/ImageWidgetProps"},"Public API")," documentation"))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/82b1394b.c3d1f722.js b/assets/js/82b1394b.c3d1f722.js new file mode 100644 index 0000000..361ebd4 --- /dev/null +++ b/assets/js/82b1394b.c3d1f722.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6117],{8418:(e,i,t)=>{t.r(i),t.d(i,{assets:()=>o,contentTitle:()=>a,default:()=>m,frontMatter:()=>r,metadata:()=>d,toc:()=>c});var n=t(5893),s=t(1151);const r={sidebar_position:4},a="ImageWidget",d={id:"primitives/image-widget",title:"ImageWidget",description:"Widget for displaying different types of images, including network images, data:/image images, and static resources.",source:"@site/docs/primitives/image-widget.md",sourceDirName:"primitives",slug:"/primitives/image-widget",permalink:"/react-native-android-widget/docs/primitives/image-widget",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/image-widget.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"default",previous:{title:"ListWidget",permalink:"/react-native-android-widget/docs/primitives/list-widget"},next:{title:"TextWidget",permalink:"/react-native-android-widget/docs/primitives/text-widget"}},o={},c=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2}];function g(e){const i={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.h1,{id:"imagewidget",children:"ImageWidget"}),"\n",(0,n.jsxs)(i.p,{children:["Widget for displaying different types of images, including network images, ",(0,n.jsx)(i.code,{children:"data:/image"})," images, and static resources."]}),"\n",(0,n.jsx)(i.h2,{id:"usage",children:"Usage"}),"\n",(0,n.jsx)(i.pre,{children:(0,n.jsx)(i.code,{className:"language-tsx",children:"import { FlexWidget, ImageWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n\n \n \n );\n}\n"})}),"\n",(0,n.jsx)(i.h2,{id:"props",children:"Props"}),"\n",(0,n.jsxs)(i.p,{children:["Check the props in the ",(0,n.jsx)(i.a,{href:"/docs/public-api/interfaces/ImageWidgetProps",children:"Public API"})," documentation"]})]})}function m(e={}){const{wrapper:i}={...(0,s.a)(),...e.components};return i?(0,n.jsx)(i,{...e,children:(0,n.jsx)(g,{...e})}):g(e)}},1151:(e,i,t)=>{t.d(i,{Z:()=>d,a:()=>a});var n=t(7294);const s={},r=n.createContext(s);function a(e){const i=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function d(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),n.createElement(r.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/8d25c1fb.024c7f76.js b/assets/js/8d25c1fb.024c7f76.js deleted file mode 100644 index f2dcf79..0000000 --- a/assets/js/8d25c1fb.024c7f76.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1328],{3905:(e,t,i)=>{i.d(t,{Zo:()=>d,kt:()=>k});var n=i(7294);function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function a(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function l(e){for(var t=1;t\n =0||(r[i]=e[i]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,i)&&(r[i]=e[i])}return r}var c=n.createContext({}),p=function(e){var t=n.useContext(c),i=t;return e&&(i="function"==typeof e?e(t):l(l({},t),e)),i},d=function(e){var t=p(e.components);return n.createElement(c.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var i=e.components,r=e.mdxType,a=e.originalType,c=e.parentName,d=o(e,["components","mdxType","originalType","parentName"]),u=p(i),k=r,m=u["".concat(c,".").concat(k)]||u[k]||s[k]||a;return i?n.createElement(m,l(l({ref:t},d),{},{components:i})):n.createElement(m,l({ref:t},d))}));function k(e,t){var i=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=i.length,l=new Array(a);l[0]=u;var o={};for(var c in t)hasOwnProperty.call(t,c)&&(o[c]=t[c]);o.originalType=e,o.mdxType="string"==typeof e?e:r,l[1]=o;for(var p=2;p{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>l,default:()=>s,frontMatter:()=>a,metadata:()=>o,toc:()=>p});var n=i(7462),r=(i(7294),i(3905));const a={id:"FlexWidgetProps",title:"Interface: FlexWidgetProps",sidebar_label:"FlexWidgetProps",sidebar_position:0,custom_edit_url:null},l=void 0,o={unversionedId:"public-api/interfaces/FlexWidgetProps",id:"public-api/interfaces/FlexWidgetProps",title:"Interface: FlexWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/FlexWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/FlexWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"FlexWidgetProps",title:"Interface: FlexWidgetProps",sidebar_label:"FlexWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"CommonStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},next:{title:"FlexWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle"}},c={},p=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"children",id:"children",level:3},{value:"style",id:"style",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}],d={toc:p};function s(e){let{components:t,...i}=e;return(0,r.kt)("wrapper",(0,n.Z)({},d,i,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},(0,r.kt)("inlineCode",{parentName:"a"},"ClickActionProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("strong",{parentName:"p"},(0,r.kt)("inlineCode",{parentName:"strong"},"FlexWidgetProps"))))),(0,r.kt)("h2",{id:"properties"},"Properties"),(0,r.kt)("h3",{id:"children"},"children"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"children"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"any")),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"style"},"style"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"style"),": ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle"},(0,r.kt)("inlineCode",{parentName:"a"},"FlexWidgetStyle"))),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"clickaction"},"clickAction"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"clickAction"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"A string that will define an action that will be emited when clicking the widget."),(0,r.kt)("p",null,"There are a few special values for ",(0,r.kt)("inlineCode",{parentName:"p"},"clickAction")," that will not emit the action,\nbut will execute the action in the background."),(0,r.kt)("p",null,"Those are:"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},'"OPEN_APP"')," - This ",(0,r.kt)("inlineCode",{parentName:"li"},"clickAction")," does not require ",(0,r.kt)("inlineCode",{parentName:"li"},"clickActionData"),", and if set on a section of\nthe widget it will open the application when clicked"),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},'"OPEN_URI"')," - This ",(0,r.kt)("inlineCode",{parentName:"li"},"clickAction")," requires a ",(0,r.kt)("inlineCode",{parentName:"li"},"clickActionData")," that contains ",(0,r.kt)("inlineCode",{parentName:"li"},"{ uri: 'some-uri' }"),".\nThe ",(0,r.kt)("inlineCode",{parentName:"li"},"uri")," can be a web uri (",(0,r.kt)("inlineCode",{parentName:"li"},"https://google.com"),"), or an app deep link (",(0,r.kt)("inlineCode",{parentName:"li"},"androidwidgetexample://deep-link"),")\nFor the link to open a screen in the app deep linking must be set up")),(0,r.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction"},"clickAction")),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"clickactiondata"},"clickActionData"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"clickActionData"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Record"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"string"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"unknown"),">"),(0,r.kt)("p",null,"Additional data that will be passed when the widget is clicked."),(0,r.kt)("p",null,"If ",(0,r.kt)("inlineCode",{parentName:"p"},"clickAction")," is ",(0,r.kt)("inlineCode",{parentName:"p"},"OPEN_URI")," it must contain ",(0,r.kt)("inlineCode",{parentName:"p"},"{ uri: 'some-uri' }")),(0,r.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata"},"clickActionData")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/8d25c1fb.2b16981b.js b/assets/js/8d25c1fb.2b16981b.js new file mode 100644 index 0000000..82056a5 --- /dev/null +++ b/assets/js/8d25c1fb.2b16981b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1328],{9602:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>s,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>o});var c=n(5893),t=n(1151);const r={id:"FlexWidgetProps",title:"Interface: FlexWidgetProps",sidebar_label:"FlexWidgetProps",sidebar_position:0,custom_edit_url:null},l=void 0,d={id:"public-api/interfaces/FlexWidgetProps",title:"Interface: FlexWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/FlexWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/FlexWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"FlexWidgetProps",title:"Interface: FlexWidgetProps",sidebar_label:"FlexWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"CommonStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},next:{title:"FlexWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle"}},s={},o=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"children",id:"children",level:3},{value:"style",id:"style",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}];function a(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,c.jsxs)(i.ul,{children:["\n",(0,c.jsxs)(i.li,{children:["\n",(0,c.jsx)(i.p,{children:(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:(0,c.jsx)(i.code,{children:"ClickActionProps"})})}),"\n",(0,c.jsxs)(i.p,{children:["\u21b3 ",(0,c.jsx)(i.strong,{children:(0,c.jsx)(i.code,{children:"FlexWidgetProps"})})]}),"\n"]}),"\n"]}),"\n",(0,c.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,c.jsx)(i.h3,{id:"children",children:"children"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"children"}),": ",(0,c.jsx)(i.code,{children:"any"})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"style",children:"style"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"style"}),": ",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle",children:(0,c.jsx)(i.code,{children:"FlexWidgetStyle"})})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"clickaction",children:"clickAction"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"clickAction"}),": ",(0,c.jsx)(i.code,{children:"string"})]}),"\n",(0,c.jsx)(i.p,{children:"A string that will define an action that will be emited when clicking the widget."}),"\n",(0,c.jsxs)(i.p,{children:["There are a few special values for ",(0,c.jsx)(i.code,{children:"clickAction"})," that will not emit the action,\nbut will execute the action in the background."]}),"\n",(0,c.jsx)(i.p,{children:"Those are:"}),"\n",(0,c.jsxs)(i.ul,{children:["\n",(0,c.jsxs)(i.li,{children:[(0,c.jsx)(i.code,{children:'"OPEN_APP"'})," - This ",(0,c.jsx)(i.code,{children:"clickAction"})," does not require ",(0,c.jsx)(i.code,{children:"clickActionData"}),", and if set on a section of\nthe widget it will open the application when clicked"]}),"\n",(0,c.jsxs)(i.li,{children:[(0,c.jsx)(i.code,{children:'"OPEN_URI"'})," - This ",(0,c.jsx)(i.code,{children:"clickAction"})," requires a ",(0,c.jsx)(i.code,{children:"clickActionData"})," that contains ",(0,c.jsx)(i.code,{children:"{ uri: 'some-uri' }"}),".\nThe ",(0,c.jsx)(i.code,{children:"uri"})," can be a web uri (",(0,c.jsx)(i.code,{children:"https://google.com"}),"), or an app deep link (",(0,c.jsx)(i.code,{children:"androidwidgetexample://deep-link"}),")\nFor the link to open a screen in the app deep linking must be set up"]}),"\n"]}),"\n",(0,c.jsx)(i.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction",children:"clickAction"})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"clickactiondata",children:"clickActionData"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"clickActionData"}),": ",(0,c.jsx)(i.code,{children:"Record"}),"<",(0,c.jsx)(i.code,{children:"string"}),", ",(0,c.jsx)(i.code,{children:"unknown"}),">"]}),"\n",(0,c.jsx)(i.p,{children:"Additional data that will be passed when the widget is clicked."}),"\n",(0,c.jsxs)(i.p,{children:["If ",(0,c.jsx)(i.code,{children:"clickAction"})," is ",(0,c.jsx)(i.code,{children:"OPEN_URI"})," it must contain ",(0,c.jsx)(i.code,{children:"{ uri: 'some-uri' }"})]}),"\n",(0,c.jsx)(i.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata",children:"clickActionData"})]})]})}function h(e={}){const{wrapper:i}={...(0,t.a)(),...e.components};return i?(0,c.jsx)(i,{...e,children:(0,c.jsx)(a,{...e})}):a(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>d,a:()=>l});var c=n(7294);const t={},r=c.createContext(t);function l(e){const i=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function d(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),c.createElement(r.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/935b7169.f00ef857.js b/assets/js/935b7169.f00ef857.js deleted file mode 100644 index 08b49a1..0000000 --- a/assets/js/935b7169.f00ef857.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9829],{3905:(e,t,n)=>{n.d(t,{Zo:()=>s,kt:()=>m});var r=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t =0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=r.createContext({}),c=function(e){var t=r.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},s=function(e){var t=c(e.components);return r.createElement(p.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,i=e.originalType,p=e.parentName,s=l(e,["components","mdxType","originalType","parentName"]),u=c(n),m=a,f=u["".concat(p,".").concat(m)]||u[m]||d[m]||i;return n?r.createElement(f,o(o({ref:t},s),{},{components:n})):r.createElement(f,o({ref:t},s))}));function m(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=n.length,o=new Array(i);o[0]=u;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l.mdxType="string"==typeof e?e:a,o[1]=l;for(var c=2;c{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>o,default:()=>d,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var r=n(7462),a=(n(7294),n(3905));const i={id:"IconWidget",title:"Namespace: IconWidget",sidebar_label:"IconWidget",sidebar_position:0,custom_edit_url:null},o=void 0,l={unversionedId:"public-api/namespaces/IconWidget",id:"public-api/namespaces/IconWidget",title:"Namespace: IconWidget",description:"Variables",source:"@site/docs/public-api/namespaces/IconWidget.md",sourceDirName:"public-api/namespaces",slug:"/public-api/namespaces/IconWidget",permalink:"/react-native-android-widget/docs/public-api/namespaces/IconWidget",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"IconWidget",title:"Namespace: IconWidget",sidebar_label:"IconWidget",sidebar_position:0,custom_edit_url:null}},p={},c=[{value:"Variables",id:"variables",level:2},{value:"__name__",id:"__name__",level:3},{value:"Functions",id:"functions",level:2},{value:"convertProps",id:"convertprops",level:3},{value:"Parameters",id:"parameters",level:4},{value:"Returns",id:"returns",level:4}],s={toc:c};function d(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"variables"},"Variables"),(0,a.kt)("h3",{id:"__name__"},"_","_","name","_","_"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"_","_","name","_","_"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"string")),(0,a.kt)("h2",{id:"functions"},"Functions"),(0,a.kt)("h3",{id:"convertprops"},"convertProps"),(0,a.kt)("p",null,"\u25b8 ",(0,a.kt)("strong",{parentName:"p"},"convertProps"),"(",(0,a.kt)("inlineCode",{parentName:"p"},"props"),"): ",(0,a.kt)("inlineCode",{parentName:"p"},"IconWidgetInternalProps")),(0,a.kt)("h4",{id:"parameters"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"props")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("a",{parentName:"td",href:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps"},(0,a.kt)("inlineCode",{parentName:"a"},"IconWidgetProps")))))),(0,a.kt)("h4",{id:"returns"},"Returns"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"IconWidgetInternalProps")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.1f770a08.js b/assets/js/935f2afb.1f770a08.js deleted file mode 100644 index 3d02fe6..0000000 --- a/assets/js/935f2afb.1f770a08.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[53],{1109:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"default":[{"type":"link","label":"Getting Started","href":"/react-native-android-widget/docs/","docId":"index"},{"type":"category","label":"Tutorial","items":[{"type":"link","label":"Widget Design","href":"/react-native-android-widget/docs/tutorial/widget-design","docId":"tutorial/widget-design"},{"type":"link","label":"Widget Preview","href":"/react-native-android-widget/docs/tutorial/widget-preview","docId":"tutorial/widget-preview"},{"type":"link","label":"Register task handler","href":"/react-native-android-widget/docs/tutorial/register-task-handler","docId":"tutorial/register-task-handler"},{"type":"link","label":"Register widget","href":"/react-native-android-widget/docs/tutorial/register-widget","docId":"tutorial/register-widget"},{"type":"link","label":"Register widget in Expo","href":"/react-native-android-widget/docs/tutorial/register-widget-expo","docId":"tutorial/register-widget-expo"},{"type":"link","label":"Make Widget configurable (Optional)","href":"/react-native-android-widget/docs/tutorial/make-widget-configurable","docId":"tutorial/make-widget-configurable"},{"type":"link","label":"Try it out","href":"/react-native-android-widget/docs/tutorial/try-it-our","docId":"tutorial/try-it-our"},{"type":"link","label":"Congratulations!","href":"/react-native-android-widget/docs/tutorial/congratulations","docId":"tutorial/congratulations"}],"collapsed":true,"collapsible":true},{"type":"category","label":"API","items":[{"type":"link","label":"WidgetPreview","href":"/react-native-android-widget/docs/api/widget-preview","docId":"api/widget-preview"},{"type":"link","label":"registerWidgetTaskHandler","href":"/react-native-android-widget/docs/api/register-widget-task-handler","docId":"api/register-widget-task-handler"},{"type":"link","label":"requestWidgetUpdate","href":"/react-native-android-widget/docs/api/request-widget-update","docId":"api/request-widget-update"},{"type":"link","label":"registerWidgetConfigurationScreen","href":"/react-native-android-widget/docs/api/register-widget-configuration-screen","docId":"api/register-widget-configuration-screen"}],"collapsed":true,"collapsible":true},{"type":"category","label":"Primitives","items":[{"type":"link","label":"FlexWidget","href":"/react-native-android-widget/docs/primitives/flex-widget","docId":"primitives/flex-widget"},{"type":"link","label":"OverlapWidget","href":"/react-native-android-widget/docs/primitives/overlap-widget","docId":"primitives/overlap-widget"},{"type":"link","label":"ListWidget","href":"/react-native-android-widget/docs/primitives/list-widget","docId":"primitives/list-widget"},{"type":"link","label":"ImageWidget","href":"/react-native-android-widget/docs/primitives/image-widget","docId":"primitives/image-widget"},{"type":"link","label":"TextWidget","href":"/react-native-android-widget/docs/primitives/text-widget","docId":"primitives/text-widget"},{"type":"link","label":"IconWidget","href":"/react-native-android-widget/docs/primitives/icon-widget","docId":"primitives/icon-widget"},{"type":"link","label":"SvgWidget","href":"/react-native-android-widget/docs/primitives/svg-widget","docId":"primitives/svg-widget"}],"collapsed":true,"collapsible":true,"href":"/react-native-android-widget/docs/primitives/index"},{"type":"link","label":"Update Widget","href":"/react-native-android-widget/docs/update-widget","docId":"update-widget"},{"type":"link","label":"Handling Clicks","href":"/react-native-android-widget/docs/handling-clicks","docId":"handling-clicks"},{"type":"link","label":"Demo","href":"/react-native-android-widget/docs/demo","docId":"demo"},{"type":"link","label":"Limitations","href":"/react-native-android-widget/docs/limitations","docId":"limitations"}],"api":[{"type":"link","label":"Exports","href":"/react-native-android-widget/docs/public-api/","docId":"public-api/index"},{"type":"category","label":"Interfaces","collapsed":false,"items":[{"type":"link","label":"BackgroundStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps","docId":"public-api/interfaces/BackgroundStyleProps"},{"type":"link","label":"BorderStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps","docId":"public-api/interfaces/BorderStyleProps"},{"type":"link","label":"ClickActionProps","href":"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps","docId":"public-api/interfaces/ClickActionProps"},{"type":"link","label":"CommonStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps","docId":"public-api/interfaces/CommonStyleProps"},{"type":"link","label":"FlexWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps","docId":"public-api/interfaces/FlexWidgetProps"},{"type":"link","label":"FlexWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle","docId":"public-api/interfaces/FlexWidgetStyle"},{"type":"link","label":"IconWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps","docId":"public-api/interfaces/IconWidgetProps"},{"type":"link","label":"IconWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle","docId":"public-api/interfaces/IconWidgetStyle"},{"type":"link","label":"ImageWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps","docId":"public-api/interfaces/ImageWidgetProps"},{"type":"link","label":"ListWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps","docId":"public-api/interfaces/ListWidgetProps"},{"type":"link","label":"ListWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle","docId":"public-api/interfaces/ListWidgetStyle"},{"type":"link","label":"MarginStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps","docId":"public-api/interfaces/MarginStyleProps"},{"type":"link","label":"OtherStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps","docId":"public-api/interfaces/OtherStyleProps"},{"type":"link","label":"OverlapWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps","docId":"public-api/interfaces/OverlapWidgetProps"},{"type":"link","label":"OverlapWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle","docId":"public-api/interfaces/OverlapWidgetStyle"},{"type":"link","label":"PaddingStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps","docId":"public-api/interfaces/PaddingStyleProps"},{"type":"link","label":"RequestWidgetUpdateProps","href":"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps","docId":"public-api/interfaces/RequestWidgetUpdateProps"},{"type":"link","label":"ScreenInfo","href":"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo","docId":"public-api/interfaces/ScreenInfo"},{"type":"link","label":"SizeStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps","docId":"public-api/interfaces/SizeStyleProps"},{"type":"link","label":"SvgWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps","docId":"public-api/interfaces/SvgWidgetProps"},{"type":"link","label":"TextWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps","docId":"public-api/interfaces/TextWidgetProps"},{"type":"link","label":"TextWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle","docId":"public-api/interfaces/TextWidgetStyle"},{"type":"link","label":"Widget","href":"/react-native-android-widget/docs/public-api/interfaces/Widget","docId":"public-api/interfaces/Widget"},{"type":"link","label":"WidgetConfigurationScreenProps","href":"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps","docId":"public-api/interfaces/WidgetConfigurationScreenProps"},{"type":"link","label":"WidgetInfo","href":"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo","docId":"public-api/interfaces/WidgetInfo"},{"type":"link","label":"WidgetPreviewProps","href":"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps","docId":"public-api/interfaces/WidgetPreviewProps"},{"type":"link","label":"WidgetTaskHandlerProps","href":"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps","docId":"public-api/interfaces/WidgetTaskHandlerProps"},{"type":"link","label":"WithAndroidWidgetsParams","href":"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams","docId":"public-api/interfaces/WithAndroidWidgetsParams"}],"collapsible":true}]},"docs":{"api/register-widget-configuration-screen":{"id":"api/register-widget-configuration-screen","title":"registerWidgetConfigurationScreen","description":"react-native-android-widget exports a registerWidgetConfigurationScreen function that can be used to register a widget configuration screen. When a configurable widget is added on the home screen, or reconfigured once on the home screen, the registered configuration screen will be opened.","sidebar":"default"},"api/register-widget-task-handler":{"id":"api/register-widget-task-handler","title":"registerWidgetTaskHandler","description":"react-native-android-widget exports a registerWidgetTaskHandler function that can be used to register a task handler that can handle widget click events, widget resize events, widget added events...","sidebar":"default"},"api/request-widget-update":{"id":"api/request-widget-update","title":"requestWidgetUpdate","description":"react-native-android-widget exports a requestWidgetUpdate function that can be used to request a widget update while the application is open (or with some background task).","sidebar":"default"},"api/widget-preview":{"id":"api/widget-preview","title":"WidgetPreview","description":"react-native-android-widget exports a WidgetPreview component that can be used to preview a widget in any screen in our React Native application.","sidebar":"default"},"demo":{"id":"demo","title":"Demo","description":"You can download the demo app with the example widgets from the Releases Page","sidebar":"default"},"handling-clicks":{"id":"handling-clicks","title":"Handling Clicks","description":"All widget primitives can be clicked, and execute some code.","sidebar":"default"},"index":{"id":"index","title":"Getting Started","description":"React Native Android Widget is an open source library for building android widgets using React Native - without touching the native side.","sidebar":"default"},"limitations":{"id":"limitations","title":"Limitations","description":"There are some limitations to this library.","sidebar":"default"},"primitives/flex-widget":{"id":"primitives/flex-widget","title":"FlexWidget","description":"Widget container that lays out child widgets using flexbox.","sidebar":"default"},"primitives/icon-widget":{"id":"primitives/icon-widget","title":"IconWidget","description":"Widget for displaying icons.","sidebar":"default"},"primitives/image-widget":{"id":"primitives/image-widget","title":"ImageWidget","description":"Widget for displaying different types of images, including network images, data:/image images, and static resources.","sidebar":"default"},"primitives/list-widget":{"id":"primitives/list-widget","title":"ListWidget","description":"Widget container that shows a scrollable list that can contain multiple items.","sidebar":"default"},"primitives/overlap-widget":{"id":"primitives/overlap-widget","title":"OverlapWidget","description":"Widget container that lays out child widgets on on top of the other.","sidebar":"default"},"primitives/svg-widget":{"id":"primitives/svg-widget","title":"SvgWidget","description":"Widget for displaying SVG.","sidebar":"default"},"primitives/text-widget":{"id":"primitives/text-widget","title":"TextWidget","description":"Widget for displaying text.","sidebar":"default"},"public-api/index":{"id":"public-api/index","title":"react-native-android-widget","description":"Interfaces","sidebar":"api"},"public-api/interfaces/BackgroundStyleProps":{"id":"public-api/interfaces/BackgroundStyleProps","title":"Interface: BackgroundStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/BorderStyleProps":{"id":"public-api/interfaces/BorderStyleProps","title":"Interface: BorderStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/ClickActionProps":{"id":"public-api/interfaces/ClickActionProps","title":"Interface: ClickActionProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/CommonStyleProps":{"id":"public-api/interfaces/CommonStyleProps","title":"Interface: CommonStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/FlexWidgetProps":{"id":"public-api/interfaces/FlexWidgetProps","title":"Interface: FlexWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/FlexWidgetStyle":{"id":"public-api/interfaces/FlexWidgetStyle","title":"Interface: FlexWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/IconWidgetProps":{"id":"public-api/interfaces/IconWidgetProps","title":"Interface: IconWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/IconWidgetStyle":{"id":"public-api/interfaces/IconWidgetStyle","title":"Interface: IconWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/ImageWidgetProps":{"id":"public-api/interfaces/ImageWidgetProps","title":"Interface: ImageWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/ListWidgetProps":{"id":"public-api/interfaces/ListWidgetProps","title":"Interface: ListWidgetProps","description":"Properties","sidebar":"api"},"public-api/interfaces/ListWidgetStyle":{"id":"public-api/interfaces/ListWidgetStyle","title":"Interface: ListWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/MarginStyleProps":{"id":"public-api/interfaces/MarginStyleProps","title":"Interface: MarginStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/OtherStyleProps":{"id":"public-api/interfaces/OtherStyleProps","title":"Interface: OtherStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/OverlapWidgetProps":{"id":"public-api/interfaces/OverlapWidgetProps","title":"Interface: OverlapWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/OverlapWidgetStyle":{"id":"public-api/interfaces/OverlapWidgetStyle","title":"Interface: OverlapWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/PaddingStyleProps":{"id":"public-api/interfaces/PaddingStyleProps","title":"Interface: PaddingStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/RequestWidgetUpdateProps":{"id":"public-api/interfaces/RequestWidgetUpdateProps","title":"Interface: RequestWidgetUpdateProps","description":"Properties","sidebar":"api"},"public-api/interfaces/ScreenInfo":{"id":"public-api/interfaces/ScreenInfo","title":"Interface: ScreenInfo","description":"Properties","sidebar":"api"},"public-api/interfaces/SizeStyleProps":{"id":"public-api/interfaces/SizeStyleProps","title":"Interface: SizeStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/SvgWidgetProps":{"id":"public-api/interfaces/SvgWidgetProps","title":"Interface: SvgWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/TextWidgetProps":{"id":"public-api/interfaces/TextWidgetProps","title":"Interface: TextWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/TextWidgetStyle":{"id":"public-api/interfaces/TextWidgetStyle","title":"Interface: TextWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/Widget":{"id":"public-api/interfaces/Widget","title":"Interface: Widget","description":"Properties","sidebar":"api"},"public-api/interfaces/WidgetConfigurationScreenProps":{"id":"public-api/interfaces/WidgetConfigurationScreenProps","title":"Interface: WidgetConfigurationScreenProps","description":"Properties","sidebar":"api"},"public-api/interfaces/WidgetInfo":{"id":"public-api/interfaces/WidgetInfo","title":"Interface: WidgetInfo","description":"Properties","sidebar":"api"},"public-api/interfaces/WidgetPreviewProps":{"id":"public-api/interfaces/WidgetPreviewProps","title":"Interface: WidgetPreviewProps","description":"Properties","sidebar":"api"},"public-api/interfaces/WidgetTaskHandlerProps":{"id":"public-api/interfaces/WidgetTaskHandlerProps","title":"Interface: WidgetTaskHandlerProps","description":"Properties","sidebar":"api"},"public-api/interfaces/WithAndroidWidgetsParams":{"id":"public-api/interfaces/WithAndroidWidgetsParams","title":"Interface: WithAndroidWidgetsParams","description":"Properties","sidebar":"api"},"public-api/namespaces/FlexWidget":{"id":"public-api/namespaces/FlexWidget","title":"Namespace: FlexWidget","description":"Variables"},"public-api/namespaces/IconWidget":{"id":"public-api/namespaces/IconWidget","title":"Namespace: IconWidget","description":"Variables"},"public-api/namespaces/ImageWidget":{"id":"public-api/namespaces/ImageWidget","title":"Namespace: ImageWidget","description":"Variables"},"public-api/namespaces/ListWidget":{"id":"public-api/namespaces/ListWidget","title":"Namespace: ListWidget","description":"Variables"},"public-api/namespaces/OverlapWidget":{"id":"public-api/namespaces/OverlapWidget","title":"Namespace: OverlapWidget","description":"Variables"},"public-api/namespaces/SvgWidget":{"id":"public-api/namespaces/SvgWidget","title":"Namespace: SvgWidget","description":"Variables"},"public-api/namespaces/TextWidget":{"id":"public-api/namespaces/TextWidget","title":"Namespace: TextWidget","description":"Functions"},"tutorial/congratulations":{"id":"tutorial/congratulations","title":"Congratulations!","description":"You have just learned the basics of react-native-android-widget and created your first widget.","sidebar":"default"},"tutorial/make-widget-configurable":{"id":"tutorial/make-widget-configurable","title":"Make Widget configurable (Optional)","description":"In order to some of the widgets configurable, we need to create a widget configuration activity.","sidebar":"default"},"tutorial/register-task-handler":{"id":"tutorial/register-task-handler","title":"Register task handler","description":"We designed and previewed our widget. Now we need to register a task handler that will handle the logic of adding/updating a widget to the home screen, as well as handle widget clicks.","sidebar":"default"},"tutorial/register-widget":{"id":"tutorial/register-widget","title":"Register widget","description":"In order to register our widget so that it can be selected from the launchers widget picker, we need to tell the android app some information about the widget.","sidebar":"default"},"tutorial/register-widget-expo":{"id":"tutorial/register-widget-expo","title":"Register widget in Expo","description":"If we are using Expo for our app, we might not have access to the native android directory, so we cannot create/update the required files.","sidebar":"default"},"tutorial/try-it-our":{"id":"tutorial/try-it-our","title":"Try it out","description":"After rebuilding our app (or creating a Dev Client for Expo), we can start it and add our first widget to the Home Screen.","sidebar":"default"},"tutorial/widget-design":{"id":"tutorial/widget-design","title":"Widget Design","description":"This library provides a few primitives that we can use to create widgets.","sidebar":"default"},"tutorial/widget-preview":{"id":"tutorial/widget-preview","title":"Widget Preview","description":"Designing a widget can be cumbersome if you have to add the widget to a homescreen everytime you make a change.","sidebar":"default"},"update-widget":{"id":"update-widget","title":"Update Widget","description":"There are two ways to update a widget once it is added on the home screen.","sidebar":"default"}}}')}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.8e153e26.js b/assets/js/935f2afb.8e153e26.js new file mode 100644 index 0000000..78247a7 --- /dev/null +++ b/assets/js/935f2afb.8e153e26.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[53],{1109:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"default":[{"type":"link","label":"Getting Started","href":"/react-native-android-widget/docs/","docId":"index","unlisted":false},{"type":"category","label":"Tutorial","items":[{"type":"link","label":"Widget Design","href":"/react-native-android-widget/docs/tutorial/widget-design","docId":"tutorial/widget-design","unlisted":false},{"type":"link","label":"Widget Preview","href":"/react-native-android-widget/docs/tutorial/widget-preview","docId":"tutorial/widget-preview","unlisted":false},{"type":"link","label":"Register task handler","href":"/react-native-android-widget/docs/tutorial/register-task-handler","docId":"tutorial/register-task-handler","unlisted":false},{"type":"link","label":"Register widget","href":"/react-native-android-widget/docs/tutorial/register-widget","docId":"tutorial/register-widget","unlisted":false},{"type":"link","label":"Register widget in Expo","href":"/react-native-android-widget/docs/tutorial/register-widget-expo","docId":"tutorial/register-widget-expo","unlisted":false},{"type":"link","label":"Make Widget configurable (Optional)","href":"/react-native-android-widget/docs/tutorial/make-widget-configurable","docId":"tutorial/make-widget-configurable","unlisted":false},{"type":"link","label":"Try it out","href":"/react-native-android-widget/docs/tutorial/try-it-our","docId":"tutorial/try-it-our","unlisted":false},{"type":"link","label":"Congratulations!","href":"/react-native-android-widget/docs/tutorial/congratulations","docId":"tutorial/congratulations","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"category","label":"API","items":[{"type":"link","label":"WidgetPreview","href":"/react-native-android-widget/docs/api/widget-preview","docId":"api/widget-preview","unlisted":false},{"type":"link","label":"registerWidgetTaskHandler","href":"/react-native-android-widget/docs/api/register-widget-task-handler","docId":"api/register-widget-task-handler","unlisted":false},{"type":"link","label":"requestWidgetUpdate","href":"/react-native-android-widget/docs/api/request-widget-update","docId":"api/request-widget-update","unlisted":false},{"type":"link","label":"registerWidgetConfigurationScreen","href":"/react-native-android-widget/docs/api/register-widget-configuration-screen","docId":"api/register-widget-configuration-screen","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"category","label":"Primitives","items":[{"type":"link","label":"FlexWidget","href":"/react-native-android-widget/docs/primitives/flex-widget","docId":"primitives/flex-widget","unlisted":false},{"type":"link","label":"OverlapWidget","href":"/react-native-android-widget/docs/primitives/overlap-widget","docId":"primitives/overlap-widget","unlisted":false},{"type":"link","label":"ListWidget","href":"/react-native-android-widget/docs/primitives/list-widget","docId":"primitives/list-widget","unlisted":false},{"type":"link","label":"ImageWidget","href":"/react-native-android-widget/docs/primitives/image-widget","docId":"primitives/image-widget","unlisted":false},{"type":"link","label":"TextWidget","href":"/react-native-android-widget/docs/primitives/text-widget","docId":"primitives/text-widget","unlisted":false},{"type":"link","label":"IconWidget","href":"/react-native-android-widget/docs/primitives/icon-widget","docId":"primitives/icon-widget","unlisted":false},{"type":"link","label":"SvgWidget","href":"/react-native-android-widget/docs/primitives/svg-widget","docId":"primitives/svg-widget","unlisted":false}],"collapsed":true,"collapsible":true,"href":"/react-native-android-widget/docs/primitives/index"},{"type":"link","label":"Update Widget","href":"/react-native-android-widget/docs/update-widget","docId":"update-widget","unlisted":false},{"type":"link","label":"Handling Clicks","href":"/react-native-android-widget/docs/handling-clicks","docId":"handling-clicks","unlisted":false},{"type":"link","label":"Demo","href":"/react-native-android-widget/docs/demo","docId":"demo","unlisted":false},{"type":"link","label":"Limitations","href":"/react-native-android-widget/docs/limitations","docId":"limitations","unlisted":false}],"api":[{"type":"link","label":"Exports","href":"/react-native-android-widget/docs/public-api/","docId":"public-api/index","unlisted":false},{"type":"category","label":"Interfaces","collapsed":false,"items":[{"type":"link","label":"BackgroundStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps","docId":"public-api/interfaces/BackgroundStyleProps","unlisted":false},{"type":"link","label":"BorderStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps","docId":"public-api/interfaces/BorderStyleProps","unlisted":false},{"type":"link","label":"ClickActionProps","href":"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps","docId":"public-api/interfaces/ClickActionProps","unlisted":false},{"type":"link","label":"CommonStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps","docId":"public-api/interfaces/CommonStyleProps","unlisted":false},{"type":"link","label":"FlexWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps","docId":"public-api/interfaces/FlexWidgetProps","unlisted":false},{"type":"link","label":"FlexWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle","docId":"public-api/interfaces/FlexWidgetStyle","unlisted":false},{"type":"link","label":"IconWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps","docId":"public-api/interfaces/IconWidgetProps","unlisted":false},{"type":"link","label":"IconWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle","docId":"public-api/interfaces/IconWidgetStyle","unlisted":false},{"type":"link","label":"ImageWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps","docId":"public-api/interfaces/ImageWidgetProps","unlisted":false},{"type":"link","label":"ListWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps","docId":"public-api/interfaces/ListWidgetProps","unlisted":false},{"type":"link","label":"ListWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle","docId":"public-api/interfaces/ListWidgetStyle","unlisted":false},{"type":"link","label":"MarginStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps","docId":"public-api/interfaces/MarginStyleProps","unlisted":false},{"type":"link","label":"OtherStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps","docId":"public-api/interfaces/OtherStyleProps","unlisted":false},{"type":"link","label":"OverlapWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps","docId":"public-api/interfaces/OverlapWidgetProps","unlisted":false},{"type":"link","label":"OverlapWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle","docId":"public-api/interfaces/OverlapWidgetStyle","unlisted":false},{"type":"link","label":"PaddingStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps","docId":"public-api/interfaces/PaddingStyleProps","unlisted":false},{"type":"link","label":"RequestWidgetUpdateProps","href":"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps","docId":"public-api/interfaces/RequestWidgetUpdateProps","unlisted":false},{"type":"link","label":"ScreenInfo","href":"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo","docId":"public-api/interfaces/ScreenInfo","unlisted":false},{"type":"link","label":"SizeStyleProps","href":"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps","docId":"public-api/interfaces/SizeStyleProps","unlisted":false},{"type":"link","label":"SvgWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps","docId":"public-api/interfaces/SvgWidgetProps","unlisted":false},{"type":"link","label":"TextWidgetProps","href":"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps","docId":"public-api/interfaces/TextWidgetProps","unlisted":false},{"type":"link","label":"TextWidgetStyle","href":"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle","docId":"public-api/interfaces/TextWidgetStyle","unlisted":false},{"type":"link","label":"Widget","href":"/react-native-android-widget/docs/public-api/interfaces/Widget","docId":"public-api/interfaces/Widget","unlisted":false},{"type":"link","label":"WidgetConfigurationScreenProps","href":"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps","docId":"public-api/interfaces/WidgetConfigurationScreenProps","unlisted":false},{"type":"link","label":"WidgetInfo","href":"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo","docId":"public-api/interfaces/WidgetInfo","unlisted":false},{"type":"link","label":"WidgetPreviewProps","href":"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps","docId":"public-api/interfaces/WidgetPreviewProps","unlisted":false},{"type":"link","label":"WidgetTaskHandlerProps","href":"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps","docId":"public-api/interfaces/WidgetTaskHandlerProps","unlisted":false},{"type":"link","label":"WithAndroidWidgetsParams","href":"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams","docId":"public-api/interfaces/WithAndroidWidgetsParams","unlisted":false}],"collapsible":true}]},"docs":{"api/register-widget-configuration-screen":{"id":"api/register-widget-configuration-screen","title":"registerWidgetConfigurationScreen","description":"react-native-android-widget exports a registerWidgetConfigurationScreen function that can be used to register a widget configuration screen. When a configurable widget is added on the home screen, or reconfigured once on the home screen, the registered configuration screen will be opened.","sidebar":"default"},"api/register-widget-task-handler":{"id":"api/register-widget-task-handler","title":"registerWidgetTaskHandler","description":"react-native-android-widget exports a registerWidgetTaskHandler function that can be used to register a task handler that can handle widget click events, widget resize events, widget added events...","sidebar":"default"},"api/request-widget-update":{"id":"api/request-widget-update","title":"requestWidgetUpdate","description":"react-native-android-widget exports a requestWidgetUpdate function that can be used to request a widget update while the application is open (or with some background task).","sidebar":"default"},"api/widget-preview":{"id":"api/widget-preview","title":"WidgetPreview","description":"react-native-android-widget exports a WidgetPreview component that can be used to preview a widget in any screen in our React Native application.","sidebar":"default"},"demo":{"id":"demo","title":"Demo","description":"You can download the demo app with the example widgets from the Releases Page","sidebar":"default"},"handling-clicks":{"id":"handling-clicks","title":"Handling Clicks","description":"All widget primitives can be clicked, and execute some code.","sidebar":"default"},"index":{"id":"index","title":"Getting Started","description":"React Native Android Widget is an open source library for building android widgets using React Native - without touching the native side.","sidebar":"default"},"limitations":{"id":"limitations","title":"Limitations","description":"There are some limitations to this library.","sidebar":"default"},"primitives/flex-widget":{"id":"primitives/flex-widget","title":"FlexWidget","description":"Widget container that lays out child widgets using flexbox.","sidebar":"default"},"primitives/icon-widget":{"id":"primitives/icon-widget","title":"IconWidget","description":"Widget for displaying icons.","sidebar":"default"},"primitives/image-widget":{"id":"primitives/image-widget","title":"ImageWidget","description":"Widget for displaying different types of images, including network images, data:/image images, and static resources.","sidebar":"default"},"primitives/list-widget":{"id":"primitives/list-widget","title":"ListWidget","description":"Widget container that shows a scrollable list that can contain multiple items.","sidebar":"default"},"primitives/overlap-widget":{"id":"primitives/overlap-widget","title":"OverlapWidget","description":"Widget container that lays out child widgets on on top of the other.","sidebar":"default"},"primitives/svg-widget":{"id":"primitives/svg-widget","title":"SvgWidget","description":"Widget for displaying SVG.","sidebar":"default"},"primitives/text-widget":{"id":"primitives/text-widget","title":"TextWidget","description":"Widget for displaying text.","sidebar":"default"},"public-api/index":{"id":"public-api/index","title":"react-native-android-widget","description":"Interfaces","sidebar":"api"},"public-api/interfaces/BackgroundStyleProps":{"id":"public-api/interfaces/BackgroundStyleProps","title":"Interface: BackgroundStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/BorderStyleProps":{"id":"public-api/interfaces/BorderStyleProps","title":"Interface: BorderStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/ClickActionProps":{"id":"public-api/interfaces/ClickActionProps","title":"Interface: ClickActionProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/CommonStyleProps":{"id":"public-api/interfaces/CommonStyleProps","title":"Interface: CommonStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/FlexWidgetProps":{"id":"public-api/interfaces/FlexWidgetProps","title":"Interface: FlexWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/FlexWidgetStyle":{"id":"public-api/interfaces/FlexWidgetStyle","title":"Interface: FlexWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/IconWidgetProps":{"id":"public-api/interfaces/IconWidgetProps","title":"Interface: IconWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/IconWidgetStyle":{"id":"public-api/interfaces/IconWidgetStyle","title":"Interface: IconWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/ImageWidgetProps":{"id":"public-api/interfaces/ImageWidgetProps","title":"Interface: ImageWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/ListWidgetProps":{"id":"public-api/interfaces/ListWidgetProps","title":"Interface: ListWidgetProps","description":"Properties","sidebar":"api"},"public-api/interfaces/ListWidgetStyle":{"id":"public-api/interfaces/ListWidgetStyle","title":"Interface: ListWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/MarginStyleProps":{"id":"public-api/interfaces/MarginStyleProps","title":"Interface: MarginStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/OtherStyleProps":{"id":"public-api/interfaces/OtherStyleProps","title":"Interface: OtherStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/OverlapWidgetProps":{"id":"public-api/interfaces/OverlapWidgetProps","title":"Interface: OverlapWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/OverlapWidgetStyle":{"id":"public-api/interfaces/OverlapWidgetStyle","title":"Interface: OverlapWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/PaddingStyleProps":{"id":"public-api/interfaces/PaddingStyleProps","title":"Interface: PaddingStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/RequestWidgetUpdateProps":{"id":"public-api/interfaces/RequestWidgetUpdateProps","title":"Interface: RequestWidgetUpdateProps","description":"Properties","sidebar":"api"},"public-api/interfaces/ScreenInfo":{"id":"public-api/interfaces/ScreenInfo","title":"Interface: ScreenInfo","description":"Properties","sidebar":"api"},"public-api/interfaces/SizeStyleProps":{"id":"public-api/interfaces/SizeStyleProps","title":"Interface: SizeStyleProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/SvgWidgetProps":{"id":"public-api/interfaces/SvgWidgetProps","title":"Interface: SvgWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/TextWidgetProps":{"id":"public-api/interfaces/TextWidgetProps","title":"Interface: TextWidgetProps","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/TextWidgetStyle":{"id":"public-api/interfaces/TextWidgetStyle","title":"Interface: TextWidgetStyle","description":"Hierarchy","sidebar":"api"},"public-api/interfaces/Widget":{"id":"public-api/interfaces/Widget","title":"Interface: Widget","description":"Properties","sidebar":"api"},"public-api/interfaces/WidgetConfigurationScreenProps":{"id":"public-api/interfaces/WidgetConfigurationScreenProps","title":"Interface: WidgetConfigurationScreenProps","description":"Properties","sidebar":"api"},"public-api/interfaces/WidgetInfo":{"id":"public-api/interfaces/WidgetInfo","title":"Interface: WidgetInfo","description":"Properties","sidebar":"api"},"public-api/interfaces/WidgetPreviewProps":{"id":"public-api/interfaces/WidgetPreviewProps","title":"Interface: WidgetPreviewProps","description":"Properties","sidebar":"api"},"public-api/interfaces/WidgetTaskHandlerProps":{"id":"public-api/interfaces/WidgetTaskHandlerProps","title":"Interface: WidgetTaskHandlerProps","description":"Properties","sidebar":"api"},"public-api/interfaces/WithAndroidWidgetsParams":{"id":"public-api/interfaces/WithAndroidWidgetsParams","title":"Interface: WithAndroidWidgetsParams","description":"Properties","sidebar":"api"},"tutorial/congratulations":{"id":"tutorial/congratulations","title":"Congratulations!","description":"You have just learned the basics of react-native-android-widget and created your first widget.","sidebar":"default"},"tutorial/make-widget-configurable":{"id":"tutorial/make-widget-configurable","title":"Make Widget configurable (Optional)","description":"In order to some of the widgets configurable, we need to create a widget configuration activity.","sidebar":"default"},"tutorial/register-task-handler":{"id":"tutorial/register-task-handler","title":"Register task handler","description":"We designed and previewed our widget. Now we need to register a task handler that will handle the logic of adding/updating a widget to the home screen, as well as handle widget clicks.","sidebar":"default"},"tutorial/register-widget":{"id":"tutorial/register-widget","title":"Register widget","description":"In order to register our widget so that it can be selected from the launchers widget picker, we need to tell the android app some information about the widget.","sidebar":"default"},"tutorial/register-widget-expo":{"id":"tutorial/register-widget-expo","title":"Register widget in Expo","description":"If we are using Expo for our app, we might not have access to the native android directory, so we cannot create/update the required files.","sidebar":"default"},"tutorial/try-it-our":{"id":"tutorial/try-it-our","title":"Try it out","description":"After rebuilding our app (or creating a Dev Client for Expo), we can start it and add our first widget to the Home Screen.","sidebar":"default"},"tutorial/widget-design":{"id":"tutorial/widget-design","title":"Widget Design","description":"This library provides a few primitives that we can use to create widgets.","sidebar":"default"},"tutorial/widget-preview":{"id":"tutorial/widget-preview","title":"Widget Preview","description":"Designing a widget can be cumbersome if you have to add the widget to a homescreen everytime you make a change.","sidebar":"default"},"update-widget":{"id":"update-widget","title":"Update Widget","description":"There are two ways to update a widget once it is added on the home screen.","sidebar":"default"}}}')}}]); \ No newline at end of file diff --git a/assets/js/94be2f97.03162f3c.js b/assets/js/94be2f97.03162f3c.js new file mode 100644 index 0000000..0f20102 --- /dev/null +++ b/assets/js/94be2f97.03162f3c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[265],{6255:(e,r,i)=>{i.r(r),i.d(r,{assets:()=>s,contentTitle:()=>t,default:()=>a,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=i(5893),d=i(1151);const o={id:"TextWidgetStyle",title:"Interface: TextWidgetStyle",sidebar_label:"TextWidgetStyle",sidebar_position:0,custom_edit_url:null},t=void 0,l={id:"public-api/interfaces/TextWidgetStyle",title:"Interface: TextWidgetStyle",description:"Hierarchy",source:"@site/docs/public-api/interfaces/TextWidgetStyle.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/TextWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"TextWidgetStyle",title:"Interface: TextWidgetStyle",sidebar_label:"TextWidgetStyle",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"TextWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps"},next:{title:"Widget",permalink:"/react-native-android-widget/docs/public-api/interfaces/Widget"}},s={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"color",id:"color",level:3},{value:"fontSize",id:"fontsize",level:3},{value:"fontFamily",id:"fontfamily",level:3},{value:"fontStyle",id:"fontstyle",level:3},{value:"fontWeight",id:"fontweight",level:3},{value:"adjustsFontSizeToFit",id:"adjustsfontsizetofit",level:3},{value:"textAlign",id:"textalign",level:3},{value:"letterSpacing",id:"letterspacing",level:3},{value:"textShadowColor",id:"textshadowcolor",level:3},{value:"textShadowRadius",id:"textshadowradius",level:3},{value:"textShadowOffset",id:"textshadowoffset",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"padding",id:"padding",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"paddingTop",id:"paddingtop",level:3},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"paddingLeft",id:"paddingleft",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"paddingRight",id:"paddingright",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-21",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-22",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-23",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-24",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-25",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-26",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-27",level:4},{value:"borderRadius",id:"borderradius",level:3},{value:"Inherited from",id:"inherited-from-28",level:4},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"Inherited from",id:"inherited-from-29",level:4},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"Inherited from",id:"inherited-from-30",level:4},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"Inherited from",id:"inherited-from-31",level:4},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"Inherited from",id:"inherited-from-32",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-33",level:4},{value:"rotation",id:"rotation",level:3},{value:"Inherited from",id:"inherited-from-34",level:4}];function h(e){const r={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,d.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,n.jsxs)(r.ul,{children:["\n",(0,n.jsxs)(r.li,{children:["\n",(0,n.jsx)(r.p,{children:(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,n.jsx)(r.code,{children:"CommonStyleProps"})})}),"\n",(0,n.jsxs)(r.p,{children:["\u21b3 ",(0,n.jsx)(r.strong,{children:(0,n.jsx)(r.code,{children:"TextWidgetStyle"})})]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(r.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsx)(r.h3,{id:"color",children:"color"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"color"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"fontsize",children:"fontSize"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"fontSize"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"fontfamily",children:"fontFamily"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"fontFamily"}),": ",(0,n.jsx)(r.code,{children:"string"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"fontstyle",children:"fontStyle"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"fontStyle"}),": ",(0,n.jsx)(r.code,{children:'"normal"'})," | ",(0,n.jsx)(r.code,{children:'"italic"'})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"fontweight",children:"fontWeight"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"fontWeight"}),": ",(0,n.jsx)(r.code,{children:'"bold"'})," | ",(0,n.jsx)(r.code,{children:'"normal"'})," | ",(0,n.jsx)(r.code,{children:'"100"'})," | ",(0,n.jsx)(r.code,{children:'"200"'})," | ",(0,n.jsx)(r.code,{children:'"300"'})," | ",(0,n.jsx)(r.code,{children:'"400"'})," | ",(0,n.jsx)(r.code,{children:'"500"'})," | ",(0,n.jsx)(r.code,{children:'"600"'})," | ",(0,n.jsx)(r.code,{children:'"700"'})," | ",(0,n.jsx)(r.code,{children:'"800"'})," | ",(0,n.jsx)(r.code,{children:'"900"'})]}),"\n",(0,n.jsx)(r.p,{children:"Specifies font weight. The values 'normal' and 'bold' are supported\nfor most fonts. Not all fonts have a variant for each of the numeric\nvalues, in that case the closest one is chosen."}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"adjustsfontsizetofit",children:"adjustsFontSizeToFit"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"adjustsFontSizeToFit"}),": ",(0,n.jsx)(r.code,{children:"boolean"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"textalign",children:"textAlign"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"textAlign"}),": ",(0,n.jsx)(r.code,{children:'"center"'})," | ",(0,n.jsx)(r.code,{children:'"right"'})," | ",(0,n.jsx)(r.code,{children:'"left"'})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"letterspacing",children:"letterSpacing"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"letterSpacing"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"textshadowcolor",children:"textShadowColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"textShadowColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"textshadowradius",children:"textShadowRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"textShadowRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"textshadowoffset",children:"textShadowOffset"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"textShadowOffset"}),": ",(0,n.jsx)(r.code,{children:"Object"})]}),"\n",(0,n.jsx)(r.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,n.jsxs)(r.table,{children:[(0,n.jsx)(r.thead,{children:(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.th,{style:{textAlign:"left"},children:"Name"}),(0,n.jsx)(r.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,n.jsxs)(r.tbody,{children:[(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"height"})}),(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"number"})})]}),(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"width"})}),(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"number"})})]})]})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"margin",children:"margin"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"margin"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margin",children:"margin"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginhorizontal",children:"marginHorizontal"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginHorizontal"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginhorizontal",children:"marginHorizontal"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginvertical",children:"marginVertical"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginVertical"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-2",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginvertical",children:"marginVertical"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"margintop",children:"marginTop"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginTop"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-3",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margintop",children:"marginTop"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginbottom",children:"marginBottom"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginBottom"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-4",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginbottom",children:"marginBottom"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginleft",children:"marginLeft"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginLeft"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-5",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginleft",children:"marginLeft"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginright",children:"marginRight"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginRight"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-6",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginright",children:"marginRight"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"padding",children:"padding"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"padding"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-7",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#padding",children:"padding"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddinghorizontal",children:"paddingHorizontal"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingHorizontal"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-8",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddinghorizontal",children:"paddingHorizontal"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingvertical",children:"paddingVertical"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingVertical"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-9",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingvertical",children:"paddingVertical"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingtop",children:"paddingTop"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingTop"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-10",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingtop",children:"paddingTop"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingbottom",children:"paddingBottom"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingBottom"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-11",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingbottom",children:"paddingBottom"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingleft",children:"paddingLeft"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingLeft"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-12",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingleft",children:"paddingLeft"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"paddingright",children:"paddingRight"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"paddingRight"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-13",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingright",children:"paddingRight"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"height",children:"height"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"height"}),": ",(0,n.jsx)(r.code,{children:"number"})," | ",(0,n.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,n.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-14",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#height",children:"height"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"width",children:"width"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"width"}),": ",(0,n.jsx)(r.code,{children:"number"})," | ",(0,n.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,n.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-15",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#width",children:"width"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"backgroundcolor",children:"backgroundColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"backgroundColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-16",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundcolor",children:"backgroundColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"backgroundgradient",children:"backgroundGradient"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"backgroundGradient"}),": ",(0,n.jsx)(r.code,{children:"Object"})]}),"\n",(0,n.jsx)(r.h4,{id:"type-declaration-1",children:"Type declaration"}),"\n",(0,n.jsxs)(r.table,{children:[(0,n.jsx)(r.thead,{children:(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.th,{style:{textAlign:"left"},children:"Name"}),(0,n.jsx)(r.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,n.jsxs)(r.tbody,{children:[(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"from"})}),(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.a,{href:"../#colorprop",children:(0,n.jsx)(r.code,{children:"ColorProp"})})})]}),(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"to"})}),(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.a,{href:"../#colorprop",children:(0,n.jsx)(r.code,{children:"ColorProp"})})})]}),(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"orientation"})}),(0,n.jsxs)(r.td,{style:{textAlign:"left"},children:[(0,n.jsx)(r.code,{children:'"TOP_BOTTOM"'})," | ",(0,n.jsx)(r.code,{children:'"TR_BL"'})," | ",(0,n.jsx)(r.code,{children:'"RIGHT_LEFT"'})," | ",(0,n.jsx)(r.code,{children:'"BR_TL"'})," | ",(0,n.jsx)(r.code,{children:'"BOTTOM_TOP"'})," | ",(0,n.jsx)(r.code,{children:'"BL_TR"'})," | ",(0,n.jsx)(r.code,{children:'"LEFT_RIGHT"'})," | ",(0,n.jsx)(r.code,{children:'"TL_BR"'})]})]})]})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-17",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundgradient",children:"backgroundGradient"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderwidth",children:"borderWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-18",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderwidth",children:"borderWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertopwidth",children:"borderTopWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-19",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopwidth",children:"borderTopWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomwidth",children:"borderBottomWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-20",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomwidth",children:"borderBottomWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderleftwidth",children:"borderLeftWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderLeftWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-21",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftwidth",children:"borderLeftWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderrightwidth",children:"borderRightWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderRightWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-22",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightwidth",children:"borderRightWidth"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordercolor",children:"borderColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-23",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordercolor",children:"borderColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertopcolor",children:"borderTopColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-24",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopcolor",children:"borderTopColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomcolor",children:"borderBottomColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-25",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomcolor",children:"borderBottomColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderleftcolor",children:"borderLeftColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderLeftColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-26",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftcolor",children:"borderLeftColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderrightcolor",children:"borderRightColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderRightColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-27",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightcolor",children:"borderRightColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderradius",children:"borderRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-28",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderradius",children:"borderRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertopleftradius",children:"borderTopLeftRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopLeftRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-29",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopleftradius",children:"borderTopLeftRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertoprightradius",children:"borderTopRightRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopRightRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-30",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertoprightradius",children:"borderTopRightRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomleftradius",children:"borderBottomLeftRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomLeftRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-31",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomleftradius",children:"borderBottomLeftRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomrightradius",children:"borderBottomRightRadius"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomRightRadius"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-32",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomrightradius",children:"borderBottomRightRadius"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderstyle",children:"borderStyle"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderStyle"}),": ",(0,n.jsx)(r.code,{children:'"solid"'})," | ",(0,n.jsx)(r.code,{children:'"dotted"'})," | ",(0,n.jsx)(r.code,{children:'"dashed"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-33",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderstyle",children:"borderStyle"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"rotation",children:"rotation"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"rotation"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-34",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#rotation",children:"rotation"})]})]})}function a(e={}){const{wrapper:r}={...(0,d.a)(),...e.components};return r?(0,n.jsx)(r,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},1151:(e,r,i)=>{i.d(r,{Z:()=>l,a:()=>t});var n=i(7294);const d={},o=n.createContext(d);function t(e){const r=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(r):{...r,...e}}),[r,e])}function l(e){let r;return r=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:t(e.components),n.createElement(o.Provider,{value:r},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/94be2f97.443bdd8f.js b/assets/js/94be2f97.443bdd8f.js deleted file mode 100644 index fbce32f..0000000 --- a/assets/js/94be2f97.443bdd8f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[265],{3905:(e,t,r)=>{r.d(t,{Zo:()=>m,kt:()=>c});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t =0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},m=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},k={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},h=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,a=e.originalType,l=e.parentName,m=d(e,["components","mdxType","originalType","parentName"]),h=p(r),c=i,s=h["".concat(l,".").concat(c)]||h[c]||k[c]||a;return r?n.createElement(s,o(o({ref:t},m),{},{components:r})):n.createElement(s,o({ref:t},m))}));function c(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=r.length,o=new Array(a);o[0]=h;var d={};for(var l in t)hasOwnProperty.call(t,l)&&(d[l]=t[l]);d.originalType=e,d.mdxType="string"==typeof e?e:i,o[1]=d;for(var p=2;p{r.r(t),r.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>k,frontMatter:()=>a,metadata:()=>d,toc:()=>p});var n=r(7462),i=(r(7294),r(3905));const a={id:"TextWidgetStyle",title:"Interface: TextWidgetStyle",sidebar_label:"TextWidgetStyle",sidebar_position:0,custom_edit_url:null},o=void 0,d={unversionedId:"public-api/interfaces/TextWidgetStyle",id:"public-api/interfaces/TextWidgetStyle",title:"Interface: TextWidgetStyle",description:"Hierarchy",source:"@site/docs/public-api/interfaces/TextWidgetStyle.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/TextWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"TextWidgetStyle",title:"Interface: TextWidgetStyle",sidebar_label:"TextWidgetStyle",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"TextWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps"},next:{title:"Widget",permalink:"/react-native-android-widget/docs/public-api/interfaces/Widget"}},l={},p=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"color",id:"color",level:3},{value:"fontSize",id:"fontsize",level:3},{value:"fontFamily",id:"fontfamily",level:3},{value:"fontStyle",id:"fontstyle",level:3},{value:"fontWeight",id:"fontweight",level:3},{value:"adjustsFontSizeToFit",id:"adjustsfontsizetofit",level:3},{value:"textAlign",id:"textalign",level:3},{value:"letterSpacing",id:"letterspacing",level:3},{value:"textShadowColor",id:"textshadowcolor",level:3},{value:"textShadowRadius",id:"textshadowradius",level:3},{value:"textShadowOffset",id:"textshadowoffset",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"padding",id:"padding",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"paddingTop",id:"paddingtop",level:3},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"paddingLeft",id:"paddingleft",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"paddingRight",id:"paddingright",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration-1",level:4},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-21",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-22",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-23",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-24",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-25",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-26",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-27",level:4},{value:"borderRadius",id:"borderradius",level:3},{value:"Inherited from",id:"inherited-from-28",level:4},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"Inherited from",id:"inherited-from-29",level:4},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"Inherited from",id:"inherited-from-30",level:4},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"Inherited from",id:"inherited-from-31",level:4},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"Inherited from",id:"inherited-from-32",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-33",level:4},{value:"rotation",id:"rotation",level:3},{value:"Inherited from",id:"inherited-from-34",level:4}],m={toc:p};function k(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,i.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))),(0,i.kt)("p",{parentName:"li"},"\u21b3 ",(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("inlineCode",{parentName:"strong"},"TextWidgetStyle"))))),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"color"},"color"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"color"),": ",(0,i.kt)("a",{parentName:"p",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"fontsize"},"fontSize"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"fontSize"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"fontfamily"},"fontFamily"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"fontFamily"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"string")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"fontstyle"},"fontStyle"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"fontStyle"),": ",(0,i.kt)("inlineCode",{parentName:"p"},'"normal"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"italic"')),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"fontweight"},"fontWeight"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"fontWeight"),": ",(0,i.kt)("inlineCode",{parentName:"p"},'"bold"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"normal"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"100"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"200"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"300"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"400"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"500"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"600"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"700"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"800"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"900"')),(0,i.kt)("p",null,"Specifies font weight. The values 'normal' and 'bold' are supported\nfor most fonts. Not all fonts have a variant for each of the numeric\nvalues, in that case the closest one is chosen."),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"adjustsfontsizetofit"},"adjustsFontSizeToFit"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"adjustsFontSizeToFit"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"boolean")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"textalign"},"textAlign"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"textAlign"),": ",(0,i.kt)("inlineCode",{parentName:"p"},'"center"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"right"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"left"')),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"letterspacing"},"letterSpacing"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"letterSpacing"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"textshadowcolor"},"textShadowColor"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"textShadowColor"),": ",(0,i.kt)("a",{parentName:"p",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"textshadowradius"},"textShadowRadius"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"textShadowRadius"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"textshadowoffset"},"textShadowOffset"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"textShadowOffset"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"Object")),(0,i.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,i.kt)("table",null,(0,i.kt)("thead",{parentName:"table"},(0,i.kt)("tr",{parentName:"thead"},(0,i.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,i.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,i.kt)("tbody",{parentName:"table"},(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"height")),(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"number"))),(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"width")),(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"number"))))),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"margin"},"margin"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"margin"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margin"},"margin")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginhorizontal"},"marginHorizontal"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginHorizontal"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginhorizontal"},"marginHorizontal")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginvertical"},"marginVertical"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginVertical"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-2"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginvertical"},"marginVertical")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"margintop"},"marginTop"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginTop"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-3"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margintop"},"marginTop")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginbottom"},"marginBottom"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginBottom"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-4"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginbottom"},"marginBottom")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginleft"},"marginLeft"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginLeft"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-5"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginleft"},"marginLeft")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginright"},"marginRight"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginRight"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-6"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginright"},"marginRight")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"padding"},"padding"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"padding"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-7"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#padding"},"padding")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddinghorizontal"},"paddingHorizontal"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingHorizontal"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-8"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddinghorizontal"},"paddingHorizontal")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingvertical"},"paddingVertical"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingVertical"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-9"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingvertical"},"paddingVertical")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingtop"},"paddingTop"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingTop"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-10"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingtop"},"paddingTop")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingbottom"},"paddingBottom"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingBottom"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-11"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingbottom"},"paddingBottom")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingleft"},"paddingLeft"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingLeft"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-12"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingleft"},"paddingLeft")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"paddingright"},"paddingRight"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"paddingRight"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-13"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingright"},"paddingRight")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"height"},"height"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"height"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,i.kt)("h4",{id:"inherited-from-14"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#height"},"height")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"width"},"width"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"width"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,i.kt)("h4",{id:"inherited-from-15"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#width"},"width")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"backgroundcolor"},"backgroundColor"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"backgroundColor"),": ",(0,i.kt)("a",{parentName:"p",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,i.kt)("h4",{id:"inherited-from-16"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundcolor"},"backgroundColor")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"backgroundgradient"},"backgroundGradient"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"backgroundGradient"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"Object")),(0,i.kt)("h4",{id:"type-declaration-1"},"Type declaration"),(0,i.kt)("table",null,(0,i.kt)("thead",{parentName:"table"},(0,i.kt)("tr",{parentName:"thead"},(0,i.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,i.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,i.kt)("tbody",{parentName:"table"},(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"from")),(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("a",{parentName:"td",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"to")),(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("a",{parentName:"td",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},"orientation")),(0,i.kt)("td",{parentName:"tr",align:"left"},(0,i.kt)("inlineCode",{parentName:"td"},'"TOP_BOTTOM"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"td"},'"TR_BL"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"td"},'"RIGHT_LEFT"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"td"},'"BR_TL"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"td"},'"BOTTOM_TOP"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"td"},'"BL_TR"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"td"},'"LEFT_RIGHT"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"td"},'"TL_BR"'))))),(0,i.kt)("h4",{id:"inherited-from-17"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundgradient"},"backgroundGradient")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderwidth"},"borderWidth"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderWidth"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-18"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderwidth"},"borderWidth")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"bordertopwidth"},"borderTopWidth"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderTopWidth"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-19"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopwidth"},"borderTopWidth")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderbottomwidth"},"borderBottomWidth"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderBottomWidth"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-20"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomwidth"},"borderBottomWidth")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderleftwidth"},"borderLeftWidth"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderLeftWidth"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-21"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftwidth"},"borderLeftWidth")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderrightwidth"},"borderRightWidth"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderRightWidth"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-22"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightwidth"},"borderRightWidth")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"bordercolor"},"borderColor"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderColor"),": ",(0,i.kt)("a",{parentName:"p",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,i.kt)("h4",{id:"inherited-from-23"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordercolor"},"borderColor")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"bordertopcolor"},"borderTopColor"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderTopColor"),": ",(0,i.kt)("a",{parentName:"p",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,i.kt)("h4",{id:"inherited-from-24"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopcolor"},"borderTopColor")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderbottomcolor"},"borderBottomColor"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderBottomColor"),": ",(0,i.kt)("a",{parentName:"p",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,i.kt)("h4",{id:"inherited-from-25"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomcolor"},"borderBottomColor")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderleftcolor"},"borderLeftColor"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderLeftColor"),": ",(0,i.kt)("a",{parentName:"p",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,i.kt)("h4",{id:"inherited-from-26"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftcolor"},"borderLeftColor")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderrightcolor"},"borderRightColor"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderRightColor"),": ",(0,i.kt)("a",{parentName:"p",href:"../#colorprop"},(0,i.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,i.kt)("h4",{id:"inherited-from-27"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightcolor"},"borderRightColor")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderradius"},"borderRadius"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderRadius"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-28"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderradius"},"borderRadius")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"bordertopleftradius"},"borderTopLeftRadius"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderTopLeftRadius"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-29"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopleftradius"},"borderTopLeftRadius")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"bordertoprightradius"},"borderTopRightRadius"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderTopRightRadius"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-30"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertoprightradius"},"borderTopRightRadius")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderbottomleftradius"},"borderBottomLeftRadius"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderBottomLeftRadius"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-31"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomleftradius"},"borderBottomLeftRadius")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderbottomrightradius"},"borderBottomRightRadius"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderBottomRightRadius"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-32"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomrightradius"},"borderBottomRightRadius")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"borderstyle"},"borderStyle"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"borderStyle"),": ",(0,i.kt)("inlineCode",{parentName:"p"},'"solid"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"dotted"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"dashed"')),(0,i.kt)("h4",{id:"inherited-from-33"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderstyle"},"borderStyle")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"rotation"},"rotation"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"rotation"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("h4",{id:"inherited-from-34"},"Inherited from"),(0,i.kt)("p",null,(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#rotation"},"rotation")))}k.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/95f41f41.0266f9d7.js b/assets/js/95f41f41.0266f9d7.js deleted file mode 100644 index 03b378e..0000000 --- a/assets/js/95f41f41.0266f9d7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9209],{3905:(e,t,i)=>{i.d(t,{Zo:()=>d,kt:()=>k});var n=i(7294);function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function a(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function l(e){for(var t=1;t =0||(r[i]=e[i]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,i)&&(r[i]=e[i])}return r}var c=n.createContext({}),p=function(e){var t=n.useContext(c),i=t;return e&&(i="function"==typeof e?e(t):l(l({},t),e)),i},d=function(e){var t=p(e.components);return n.createElement(c.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var i=e.components,r=e.mdxType,a=e.originalType,c=e.parentName,d=o(e,["components","mdxType","originalType","parentName"]),u=p(i),k=r,m=u["".concat(c,".").concat(k)]||u[k]||s[k]||a;return i?n.createElement(m,l(l({ref:t},d),{},{components:i})):n.createElement(m,l({ref:t},d))}));function k(e,t){var i=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=i.length,l=new Array(a);l[0]=u;var o={};for(var c in t)hasOwnProperty.call(t,c)&&(o[c]=t[c]);o.originalType=e,o.mdxType="string"==typeof e?e:r,l[1]=o;for(var p=2;p{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>l,default:()=>s,frontMatter:()=>a,metadata:()=>o,toc:()=>p});var n=i(7462),r=(i(7294),i(3905));const a={id:"SvgWidgetProps",title:"Interface: SvgWidgetProps",sidebar_label:"SvgWidgetProps",sidebar_position:0,custom_edit_url:null},l=void 0,o={unversionedId:"public-api/interfaces/SvgWidgetProps",id:"public-api/interfaces/SvgWidgetProps",title:"Interface: SvgWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/SvgWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/SvgWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"SvgWidgetProps",title:"Interface: SvgWidgetProps",sidebar_label:"SvgWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"SizeStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"},next:{title:"TextWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps"}},c={},p=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"svg",id:"svg",level:3},{value:"style",id:"style",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}],d={toc:p};function s(e){let{components:t,...i}=e;return(0,r.kt)("wrapper",(0,n.Z)({},d,i,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},(0,r.kt)("inlineCode",{parentName:"a"},"ClickActionProps"))),(0,r.kt)("p",{parentName:"li"},"\u21b3 ",(0,r.kt)("strong",{parentName:"p"},(0,r.kt)("inlineCode",{parentName:"strong"},"SvgWidgetProps"))))),(0,r.kt)("h2",{id:"properties"},"Properties"),(0,r.kt)("h3",{id:"svg"},"svg"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("strong",{parentName:"p"},"svg"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("p",null,"SVG file loaded with ",(0,r.kt)("inlineCode",{parentName:"p"},"require('./path/to/svg/file')")," or a SVG string"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"style"},"style"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"style"),": ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,r.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"clickaction"},"clickAction"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"clickAction"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"A string that will define an action that will be emited when clicking the widget."),(0,r.kt)("p",null,"There are a few special values for ",(0,r.kt)("inlineCode",{parentName:"p"},"clickAction")," that will not emit the action,\nbut will execute the action in the background."),(0,r.kt)("p",null,"Those are:"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},'"OPEN_APP"')," - This ",(0,r.kt)("inlineCode",{parentName:"li"},"clickAction")," does not require ",(0,r.kt)("inlineCode",{parentName:"li"},"clickActionData"),", and if set on a section of\nthe widget it will open the application when clicked"),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},'"OPEN_URI"')," - This ",(0,r.kt)("inlineCode",{parentName:"li"},"clickAction")," requires a ",(0,r.kt)("inlineCode",{parentName:"li"},"clickActionData")," that contains ",(0,r.kt)("inlineCode",{parentName:"li"},"{ uri: 'some-uri' }"),".\nThe ",(0,r.kt)("inlineCode",{parentName:"li"},"uri")," can be a web uri (",(0,r.kt)("inlineCode",{parentName:"li"},"https://google.com"),"), or an app deep link (",(0,r.kt)("inlineCode",{parentName:"li"},"androidwidgetexample://deep-link"),")\nFor the link to open a screen in the app deep linking must be set up")),(0,r.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction"},"clickAction")),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"clickactiondata"},"clickActionData"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"clickActionData"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"Record"),"<",(0,r.kt)("inlineCode",{parentName:"p"},"string"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"unknown"),">"),(0,r.kt)("p",null,"Additional data that will be passed when the widget is clicked."),(0,r.kt)("p",null,"If ",(0,r.kt)("inlineCode",{parentName:"p"},"clickAction")," is ",(0,r.kt)("inlineCode",{parentName:"p"},"OPEN_URI")," it must contain ",(0,r.kt)("inlineCode",{parentName:"p"},"{ uri: 'some-uri' }")),(0,r.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata"},"clickActionData")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/95f41f41.d0412338.js b/assets/js/95f41f41.d0412338.js new file mode 100644 index 0000000..6536978 --- /dev/null +++ b/assets/js/95f41f41.d0412338.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9209],{6265:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>l,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>s,toc:()=>o});var c=n(5893),t=n(1151);const r={id:"SvgWidgetProps",title:"Interface: SvgWidgetProps",sidebar_label:"SvgWidgetProps",sidebar_position:0,custom_edit_url:null},d=void 0,s={id:"public-api/interfaces/SvgWidgetProps",title:"Interface: SvgWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/SvgWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/SvgWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"SvgWidgetProps",title:"Interface: SvgWidgetProps",sidebar_label:"SvgWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"SizeStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"},next:{title:"TextWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps"}},l={},o=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"svg",id:"svg",level:3},{value:"style",id:"style",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}];function a(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,c.jsxs)(i.ul,{children:["\n",(0,c.jsxs)(i.li,{children:["\n",(0,c.jsx)(i.p,{children:(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:(0,c.jsx)(i.code,{children:"ClickActionProps"})})}),"\n",(0,c.jsxs)(i.p,{children:["\u21b3 ",(0,c.jsx)(i.strong,{children:(0,c.jsx)(i.code,{children:"SvgWidgetProps"})})]}),"\n"]}),"\n"]}),"\n",(0,c.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,c.jsx)(i.h3,{id:"svg",children:"svg"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.strong,{children:"svg"}),": ",(0,c.jsx)(i.code,{children:"string"})," | ",(0,c.jsx)(i.code,{children:"number"})]}),"\n",(0,c.jsxs)(i.p,{children:["SVG file loaded with ",(0,c.jsx)(i.code,{children:"require('./path/to/svg/file')"})," or a SVG string"]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"style",children:"style"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"style"}),": ",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,c.jsx)(i.code,{children:"CommonStyleProps"})})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"clickaction",children:"clickAction"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"clickAction"}),": ",(0,c.jsx)(i.code,{children:"string"})]}),"\n",(0,c.jsx)(i.p,{children:"A string that will define an action that will be emited when clicking the widget."}),"\n",(0,c.jsxs)(i.p,{children:["There are a few special values for ",(0,c.jsx)(i.code,{children:"clickAction"})," that will not emit the action,\nbut will execute the action in the background."]}),"\n",(0,c.jsx)(i.p,{children:"Those are:"}),"\n",(0,c.jsxs)(i.ul,{children:["\n",(0,c.jsxs)(i.li,{children:[(0,c.jsx)(i.code,{children:'"OPEN_APP"'})," - This ",(0,c.jsx)(i.code,{children:"clickAction"})," does not require ",(0,c.jsx)(i.code,{children:"clickActionData"}),", and if set on a section of\nthe widget it will open the application when clicked"]}),"\n",(0,c.jsxs)(i.li,{children:[(0,c.jsx)(i.code,{children:'"OPEN_URI"'})," - This ",(0,c.jsx)(i.code,{children:"clickAction"})," requires a ",(0,c.jsx)(i.code,{children:"clickActionData"})," that contains ",(0,c.jsx)(i.code,{children:"{ uri: 'some-uri' }"}),".\nThe ",(0,c.jsx)(i.code,{children:"uri"})," can be a web uri (",(0,c.jsx)(i.code,{children:"https://google.com"}),"), or an app deep link (",(0,c.jsx)(i.code,{children:"androidwidgetexample://deep-link"}),")\nFor the link to open a screen in the app deep linking must be set up"]}),"\n"]}),"\n",(0,c.jsx)(i.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction",children:"clickAction"})]}),"\n",(0,c.jsx)(i.hr,{}),"\n",(0,c.jsx)(i.h3,{id:"clickactiondata",children:"clickActionData"}),"\n",(0,c.jsxs)(i.p,{children:["\u2022 ",(0,c.jsx)(i.code,{children:"Optional"})," ",(0,c.jsx)(i.strong,{children:"clickActionData"}),": ",(0,c.jsx)(i.code,{children:"Record"}),"<",(0,c.jsx)(i.code,{children:"string"}),", ",(0,c.jsx)(i.code,{children:"unknown"}),">"]}),"\n",(0,c.jsx)(i.p,{children:"Additional data that will be passed when the widget is clicked."}),"\n",(0,c.jsxs)(i.p,{children:["If ",(0,c.jsx)(i.code,{children:"clickAction"})," is ",(0,c.jsx)(i.code,{children:"OPEN_URI"})," it must contain ",(0,c.jsx)(i.code,{children:"{ uri: 'some-uri' }"})]}),"\n",(0,c.jsx)(i.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,c.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata",children:"clickActionData"})]})]})}function h(e={}){const{wrapper:i}={...(0,t.a)(),...e.components};return i?(0,c.jsx)(i,{...e,children:(0,c.jsx)(a,{...e})}):a(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>s,a:()=>d});var c=n(7294);const t={},r=c.createContext(t);function d(e){const i=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function s(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:d(e.components),c.createElement(r.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/a3102611.4e3beeae.js b/assets/js/a3102611.4e3beeae.js deleted file mode 100644 index fffd1a2..0000000 --- a/assets/js/a3102611.4e3beeae.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7679],{3905:(e,t,r)=>{r.d(t,{Zo:()=>m,kt:()=>u});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t =0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var p=n.createContext({}),c=function(e){var t=n.useContext(p),r=t;return e&&(r="function"==typeof e?e(t):l(l({},t),e)),r},m=function(e){var t=c(e.components);return n.createElement(p.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},d=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,a=e.originalType,p=e.parentName,m=o(e,["components","mdxType","originalType","parentName"]),d=c(r),u=i,g=d["".concat(p,".").concat(u)]||d[u]||s[u]||a;return r?n.createElement(g,l(l({ref:t},m),{},{components:r})):n.createElement(g,l({ref:t},m))}));function u(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=r.length,l=new Array(a);l[0]=d;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:i,l[1]=o;for(var c=2;c{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>s,frontMatter:()=>a,metadata:()=>o,toc:()=>c});var n=r(7462),i=(r(7294),r(3905));const a={id:"MarginStyleProps",title:"Interface: MarginStyleProps",sidebar_label:"MarginStyleProps",sidebar_position:0,custom_edit_url:null},l=void 0,o={unversionedId:"public-api/interfaces/MarginStyleProps",id:"public-api/interfaces/MarginStyleProps",title:"Interface: MarginStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/MarginStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/MarginStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"MarginStyleProps",title:"Interface: MarginStyleProps",sidebar_label:"MarginStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ListWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle"},next:{title:"OtherStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps"}},p={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"margin",id:"margin",level:3},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"marginVertical",id:"marginvertical",level:3},{value:"marginTop",id:"margintop",level:3},{value:"marginBottom",id:"marginbottom",level:3},{value:"marginLeft",id:"marginleft",level:3},{value:"marginRight",id:"marginright",level:3}],m={toc:c};function s(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("inlineCode",{parentName:"strong"},"MarginStyleProps"))),(0,i.kt)("p",{parentName:"li"},"\u21b3 ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle"},(0,i.kt)("inlineCode",{parentName:"a"},"ListWidgetStyle"))),(0,i.kt)("p",{parentName:"li"},"\u21b3 ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,i.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))))),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"margin"},"margin"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"margin"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginhorizontal"},"marginHorizontal"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginHorizontal"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginvertical"},"marginVertical"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginVertical"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"margintop"},"marginTop"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginTop"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginbottom"},"marginBottom"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginBottom"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginleft"},"marginLeft"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginLeft"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"marginright"},"marginRight"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"marginRight"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/a3102611.babbc858.js b/assets/js/a3102611.babbc858.js new file mode 100644 index 0000000..ffb52a3 --- /dev/null +++ b/assets/js/a3102611.babbc858.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7679],{3271:(e,i,r)=>{r.r(i),r.d(i,{assets:()=>o,contentTitle:()=>s,default:()=>h,frontMatter:()=>l,metadata:()=>a,toc:()=>c});var n=r(5893),t=r(1151);const l={id:"MarginStyleProps",title:"Interface: MarginStyleProps",sidebar_label:"MarginStyleProps",sidebar_position:0,custom_edit_url:null},s=void 0,a={id:"public-api/interfaces/MarginStyleProps",title:"Interface: MarginStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/MarginStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/MarginStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"MarginStyleProps",title:"Interface: MarginStyleProps",sidebar_label:"MarginStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ListWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle"},next:{title:"OtherStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps"}},o={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"margin",id:"margin",level:3},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"marginVertical",id:"marginvertical",level:3},{value:"marginTop",id:"margintop",level:3},{value:"marginBottom",id:"marginbottom",level:3},{value:"marginLeft",id:"marginleft",level:3},{value:"marginRight",id:"marginright",level:3}];function d(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsxs)(i.li,{children:["\n",(0,n.jsx)(i.p,{children:(0,n.jsx)(i.strong,{children:(0,n.jsx)(i.code,{children:"MarginStyleProps"})})}),"\n",(0,n.jsxs)(i.p,{children:["\u21b3 ",(0,n.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle",children:(0,n.jsx)(i.code,{children:"ListWidgetStyle"})})]}),"\n",(0,n.jsxs)(i.p,{children:["\u21b3 ",(0,n.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,n.jsx)(i.code,{children:"CommonStyleProps"})})]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsx)(i.h3,{id:"margin",children:"margin"}),"\n",(0,n.jsxs)(i.p,{children:["\u2022 ",(0,n.jsx)(i.code,{children:"Optional"})," ",(0,n.jsx)(i.strong,{children:"margin"}),": ",(0,n.jsx)(i.code,{children:"number"})]}),"\n",(0,n.jsx)(i.hr,{}),"\n",(0,n.jsx)(i.h3,{id:"marginhorizontal",children:"marginHorizontal"}),"\n",(0,n.jsxs)(i.p,{children:["\u2022 ",(0,n.jsx)(i.code,{children:"Optional"})," ",(0,n.jsx)(i.strong,{children:"marginHorizontal"}),": ",(0,n.jsx)(i.code,{children:"number"})]}),"\n",(0,n.jsx)(i.hr,{}),"\n",(0,n.jsx)(i.h3,{id:"marginvertical",children:"marginVertical"}),"\n",(0,n.jsxs)(i.p,{children:["\u2022 ",(0,n.jsx)(i.code,{children:"Optional"})," ",(0,n.jsx)(i.strong,{children:"marginVertical"}),": ",(0,n.jsx)(i.code,{children:"number"})]}),"\n",(0,n.jsx)(i.hr,{}),"\n",(0,n.jsx)(i.h3,{id:"margintop",children:"marginTop"}),"\n",(0,n.jsxs)(i.p,{children:["\u2022 ",(0,n.jsx)(i.code,{children:"Optional"})," ",(0,n.jsx)(i.strong,{children:"marginTop"}),": ",(0,n.jsx)(i.code,{children:"number"})]}),"\n",(0,n.jsx)(i.hr,{}),"\n",(0,n.jsx)(i.h3,{id:"marginbottom",children:"marginBottom"}),"\n",(0,n.jsxs)(i.p,{children:["\u2022 ",(0,n.jsx)(i.code,{children:"Optional"})," ",(0,n.jsx)(i.strong,{children:"marginBottom"}),": ",(0,n.jsx)(i.code,{children:"number"})]}),"\n",(0,n.jsx)(i.hr,{}),"\n",(0,n.jsx)(i.h3,{id:"marginleft",children:"marginLeft"}),"\n",(0,n.jsxs)(i.p,{children:["\u2022 ",(0,n.jsx)(i.code,{children:"Optional"})," ",(0,n.jsx)(i.strong,{children:"marginLeft"}),": ",(0,n.jsx)(i.code,{children:"number"})]}),"\n",(0,n.jsx)(i.hr,{}),"\n",(0,n.jsx)(i.h3,{id:"marginright",children:"marginRight"}),"\n",(0,n.jsxs)(i.p,{children:["\u2022 ",(0,n.jsx)(i.code,{children:"Optional"})," ",(0,n.jsx)(i.strong,{children:"marginRight"}),": ",(0,n.jsx)(i.code,{children:"number"})]})]})}function h(e={}){const{wrapper:i}={...(0,t.a)(),...e.components};return i?(0,n.jsx)(i,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1151:(e,i,r)=>{r.d(i,{Z:()=>a,a:()=>s});var n=r(7294);const t={},l=n.createContext(t);function s(e){const i=n.useContext(l);return n.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function a(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:s(e.components),n.createElement(l.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/a66dadf2.2d5adcca.js b/assets/js/a66dadf2.2d5adcca.js deleted file mode 100644 index b48b414..0000000 --- a/assets/js/a66dadf2.2d5adcca.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5672],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>k});var i=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function l(e){for(var t=1;t =0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=i.createContext({}),c=function(e){var t=i.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},d=function(e){var t=c(e.components);return i.createElement(p.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},u=i.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,p=e.parentName,d=o(e,["components","mdxType","originalType","parentName"]),u=c(n),k=a,m=u["".concat(p,".").concat(k)]||u[k]||s[k]||r;return n?i.createElement(m,l(l({ref:t},d),{},{components:n})):i.createElement(m,l({ref:t},d))}));function k(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=u;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:a,l[1]=o;for(var c=2;c {n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>s,frontMatter:()=>r,metadata:()=>o,toc:()=>c});var i=n(7462),a=(n(7294),n(3905));const r={id:"TextWidgetProps",title:"Interface: TextWidgetProps",sidebar_label:"TextWidgetProps",sidebar_position:0,custom_edit_url:null},l=void 0,o={unversionedId:"public-api/interfaces/TextWidgetProps",id:"public-api/interfaces/TextWidgetProps",title:"Interface: TextWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/TextWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/TextWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"TextWidgetProps",title:"Interface: TextWidgetProps",sidebar_label:"TextWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"SvgWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps"},next:{title:"TextWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle"}},p={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"text",id:"text",level:3},{value:"style",id:"style",level:3},{value:"truncate",id:"truncate",level:3},{value:"maxLines",id:"maxlines",level:3},{value:"allowFontScaling",id:"allowfontscaling",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}],d={toc:c};function s(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,i.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},(0,a.kt)("inlineCode",{parentName:"a"},"ClickActionProps"))),(0,a.kt)("p",{parentName:"li"},"\u21b3 ",(0,a.kt)("strong",{parentName:"p"},(0,a.kt)("inlineCode",{parentName:"strong"},"TextWidgetProps"))))),(0,a.kt)("h2",{id:"properties"},"Properties"),(0,a.kt)("h3",{id:"text"},"text"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("strong",{parentName:"p"},"text"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"string")),(0,a.kt)("p",null,"Text to show"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"style"},"style"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"style"),": ",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle"},(0,a.kt)("inlineCode",{parentName:"a"},"TextWidgetStyle"))),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"truncate"},"truncate"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"truncate"),": ",(0,a.kt)("inlineCode",{parentName:"p"},'"START"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},'"MIDDLE"')," ","|"," ",(0,a.kt)("inlineCode",{parentName:"p"},'"END"')),(0,a.kt)("p",null,"How to truncate the text if it cannot fit"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"maxlines"},"maxLines"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"maxLines"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"number")),(0,a.kt)("p",null,"Maximum number of lines to if text overflows in next line"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"allowfontscaling"},"allowFontScaling"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"allowFontScaling"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"boolean")),(0,a.kt)("p",null,"Specifies whether fonts should scale to respect Text Size accessibility settings."),(0,a.kt)("p",null,(0,a.kt)("strong",{parentName:"p"},(0,a.kt)("inlineCode",{parentName:"strong"},"Default"))),(0,a.kt)("p",null,"true"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"clickaction"},"clickAction"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"clickAction"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"string")),(0,a.kt)("p",null,"A string that will define an action that will be emited when clicking the widget."),(0,a.kt)("p",null,"There are a few special values for ",(0,a.kt)("inlineCode",{parentName:"p"},"clickAction")," that will not emit the action,\nbut will execute the action in the background."),(0,a.kt)("p",null,"Those are:"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("inlineCode",{parentName:"li"},'"OPEN_APP"')," - This ",(0,a.kt)("inlineCode",{parentName:"li"},"clickAction")," does not require ",(0,a.kt)("inlineCode",{parentName:"li"},"clickActionData"),", and if set on a section of\nthe widget it will open the application when clicked"),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("inlineCode",{parentName:"li"},'"OPEN_URI"')," - This ",(0,a.kt)("inlineCode",{parentName:"li"},"clickAction")," requires a ",(0,a.kt)("inlineCode",{parentName:"li"},"clickActionData")," that contains ",(0,a.kt)("inlineCode",{parentName:"li"},"{ uri: 'some-uri' }"),".\nThe ",(0,a.kt)("inlineCode",{parentName:"li"},"uri")," can be a web uri (",(0,a.kt)("inlineCode",{parentName:"li"},"https://google.com"),"), or an app deep link (",(0,a.kt)("inlineCode",{parentName:"li"},"androidwidgetexample://deep-link"),")\nFor the link to open a screen in the app deep linking must be set up")),(0,a.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction"},"clickAction")),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"clickactiondata"},"clickActionData"),(0,a.kt)("p",null,"\u2022 ",(0,a.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,a.kt)("strong",{parentName:"p"},"clickActionData"),": ",(0,a.kt)("inlineCode",{parentName:"p"},"Record"),"<",(0,a.kt)("inlineCode",{parentName:"p"},"string"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"unknown"),">"),(0,a.kt)("p",null,"Additional data that will be passed when the widget is clicked."),(0,a.kt)("p",null,"If ",(0,a.kt)("inlineCode",{parentName:"p"},"clickAction")," is ",(0,a.kt)("inlineCode",{parentName:"p"},"OPEN_URI")," it must contain ",(0,a.kt)("inlineCode",{parentName:"p"},"{ uri: 'some-uri' }")),(0,a.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"},"ClickActionProps"),".",(0,a.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata"},"clickActionData")))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/a66dadf2.804eb26b.js b/assets/js/a66dadf2.804eb26b.js new file mode 100644 index 0000000..4210948 --- /dev/null +++ b/assets/js/a66dadf2.804eb26b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5672],{8051:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>d,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>s,toc:()=>o});var t=n(5893),c=n(1151);const r={id:"TextWidgetProps",title:"Interface: TextWidgetProps",sidebar_label:"TextWidgetProps",sidebar_position:0,custom_edit_url:null},l=void 0,s={id:"public-api/interfaces/TextWidgetProps",title:"Interface: TextWidgetProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/TextWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/TextWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"TextWidgetProps",title:"Interface: TextWidgetProps",sidebar_label:"TextWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"SvgWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps"},next:{title:"TextWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle"}},d={},o=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"text",id:"text",level:3},{value:"style",id:"style",level:3},{value:"truncate",id:"truncate",level:3},{value:"maxLines",id:"maxlines",level:3},{value:"allowFontScaling",id:"allowfontscaling",level:3},{value:"clickAction",id:"clickaction",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"clickActionData",id:"clickactiondata",level:3},{value:"Inherited from",id:"inherited-from-1",level:4}];function a(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,c.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsxs)(i.li,{children:["\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:(0,t.jsx)(i.code,{children:"ClickActionProps"})})}),"\n",(0,t.jsxs)(i.p,{children:["\u21b3 ",(0,t.jsx)(i.strong,{children:(0,t.jsx)(i.code,{children:"TextWidgetProps"})})]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,t.jsx)(i.h3,{id:"text",children:"text"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"text"}),": ",(0,t.jsx)(i.code,{children:"string"})]}),"\n",(0,t.jsx)(i.p,{children:"Text to show"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"style",children:"style"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"style"}),": ",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle",children:(0,t.jsx)(i.code,{children:"TextWidgetStyle"})})]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"truncate",children:"truncate"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"truncate"}),": ",(0,t.jsx)(i.code,{children:'"START"'})," | ",(0,t.jsx)(i.code,{children:'"MIDDLE"'})," | ",(0,t.jsx)(i.code,{children:'"END"'})]}),"\n",(0,t.jsx)(i.p,{children:"How to truncate the text if it cannot fit"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"maxlines",children:"maxLines"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"maxLines"}),": ",(0,t.jsx)(i.code,{children:"number"})]}),"\n",(0,t.jsx)(i.p,{children:"Maximum number of lines to if text overflows in next line"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"allowfontscaling",children:"allowFontScaling"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"allowFontScaling"}),": ",(0,t.jsx)(i.code,{children:"boolean"})]}),"\n",(0,t.jsx)(i.p,{children:"Specifies whether fonts should scale to respect Text Size accessibility settings."}),"\n",(0,t.jsx)(i.p,{children:(0,t.jsx)(i.strong,{children:(0,t.jsx)(i.code,{children:"Default"})})}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{className:"language-ts",children:"true\n"})}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"clickaction",children:"clickAction"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"clickAction"}),": ",(0,t.jsx)(i.code,{children:"string"})]}),"\n",(0,t.jsx)(i.p,{children:"A string that will define an action that will be emited when clicking the widget."}),"\n",(0,t.jsxs)(i.p,{children:["There are a few special values for ",(0,t.jsx)(i.code,{children:"clickAction"})," that will not emit the action,\nbut will execute the action in the background."]}),"\n",(0,t.jsx)(i.p,{children:"Those are:"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:'"OPEN_APP"'})," - This ",(0,t.jsx)(i.code,{children:"clickAction"})," does not require ",(0,t.jsx)(i.code,{children:"clickActionData"}),", and if set on a section of\nthe widget it will open the application when clicked"]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:'"OPEN_URI"'})," - This ",(0,t.jsx)(i.code,{children:"clickAction"})," requires a ",(0,t.jsx)(i.code,{children:"clickActionData"})," that contains ",(0,t.jsx)(i.code,{children:"{ uri: 'some-uri' }"}),".\nThe ",(0,t.jsx)(i.code,{children:"uri"})," can be a web uri (",(0,t.jsx)(i.code,{children:"https://google.com"}),"), or an app deep link (",(0,t.jsx)(i.code,{children:"androidwidgetexample://deep-link"}),")\nFor the link to open a screen in the app deep linking must be set up"]}),"\n"]}),"\n",(0,t.jsx)(i.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,t.jsxs)(i.p,{children:[(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickaction",children:"clickAction"})]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"clickactiondata",children:"clickActionData"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"clickActionData"}),": ",(0,t.jsx)(i.code,{children:"Record"}),"<",(0,t.jsx)(i.code,{children:"string"}),", ",(0,t.jsx)(i.code,{children:"unknown"}),">"]}),"\n",(0,t.jsx)(i.p,{children:"Additional data that will be passed when the widget is clicked."}),"\n",(0,t.jsxs)(i.p,{children:["If ",(0,t.jsx)(i.code,{children:"clickAction"})," is ",(0,t.jsx)(i.code,{children:"OPEN_URI"})," it must contain ",(0,t.jsx)(i.code,{children:"{ uri: 'some-uri' }"})]}),"\n",(0,t.jsx)(i.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,t.jsxs)(i.p,{children:[(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",children:"ClickActionProps"}),".",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps#clickactiondata",children:"clickActionData"})]})]})}function h(e={}){const{wrapper:i}={...(0,c.a)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>s,a:()=>l});var t=n(7294);const c={},r=t.createContext(c);function l(e){const i=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function s(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:l(e.components),t.createElement(r.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/a7bd4aaa.9935b610.js b/assets/js/a7bd4aaa.9935b610.js new file mode 100644 index 0000000..c22c6ff --- /dev/null +++ b/assets/js/a7bd4aaa.9935b610.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[8518],{8564:(n,e,s)=>{s.r(e),s.d(e,{default:()=>l});s(7294);var r=s(1944),o=s(3320),t=s(4477),i=s(8790),c=s(197),a=s(5893);function d(n){const{version:e}=n;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.Z,{version:e.version,tag:(0,o.os)(e.pluginId,e.version)}),(0,a.jsx)(r.d,{children:e.noIndex&&(0,a.jsx)("meta",{name:"robots",content:"noindex, nofollow"})})]})}function u(n){const{version:e,route:s}=n;return(0,a.jsx)(r.FG,{className:e.className,children:(0,a.jsx)(t.q,{version:e,children:(0,i.H)(s.routes)})})}function l(n){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d,{...n}),(0,a.jsx)(u,{...n})]})}}}]); \ No newline at end of file diff --git a/assets/js/a94703ab.936e2c37.js b/assets/js/a94703ab.936e2c37.js new file mode 100644 index 0000000..cb8193f --- /dev/null +++ b/assets/js/a94703ab.936e2c37.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[4368],{2674:(e,t,n)=>{n.r(t),n.d(t,{default:()=>be});var a=n(7294),o=n(512),i=n(1944),s=n(5281),l=n(3438),r=n(1116),c=n(5999),d=n(2466),u=n(5936);const m={backToTopButton:"backToTopButton_sjWU",backToTopButtonShow:"backToTopButtonShow_xfvO"};var b=n(5893);function h(){const{shown:e,scrollToTop:t}=function(e){let{threshold:t}=e;const[n,o]=(0,a.useState)(!1),i=(0,a.useRef)(!1),{startScroll:s,cancelScroll:l}=(0,d.Ct)();return(0,d.RF)(((e,n)=>{let{scrollY:a}=e;const s=n?.scrollY;s&&(i.current?i.current=!1:a>=s?(l(),o(!1)):a {e.location.hash&&(i.current=!0,o(!1))})),{shown:n,scrollToTop:()=>s(0)}}({threshold:300});return(0,b.jsx)("button",{"aria-label":(0,c.I)({id:"theme.BackToTopButton.buttonAriaLabel",message:"Scroll back to top",description:"The ARIA label for the back to top button"}),className:(0,o.Z)("clean-btn",s.k.common.backToTopButton,m.backToTopButton,e&&m.backToTopButtonShow),type:"button",onClick:t})}var p=n(1442),x=n(6550),f=n(7524),j=n(6668),_=n(1327);function k(e){return(0,b.jsx)("svg",{width:"20",height:"20","aria-hidden":"true",...e,children:(0,b.jsxs)("g",{fill:"#7a7a7a",children:[(0,b.jsx)("path",{d:"M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"}),(0,b.jsx)("path",{d:"M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"})]})})}const v={collapseSidebarButton:"collapseSidebarButton_PEFL",collapseSidebarButtonIcon:"collapseSidebarButtonIcon_kv0_"};function g(e){let{onClick:t}=e;return(0,b.jsx)("button",{type:"button",title:(0,c.I)({id:"theme.docs.sidebar.collapseButtonTitle",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),"aria-label":(0,c.I)({id:"theme.docs.sidebar.collapseButtonAriaLabel",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),className:(0,o.Z)("button button--secondary button--outline",v.collapseSidebarButton),onClick:t,children:(0,b.jsx)(k,{className:v.collapseSidebarButtonIcon})})}var C=n(9689),S=n(902);const I=Symbol("EmptyContext"),N=a.createContext(I);function T(e){let{children:t}=e;const[n,o]=(0,a.useState)(null),i=(0,a.useMemo)((()=>({expandedItem:n,setExpandedItem:o})),[n]);return(0,b.jsx)(N.Provider,{value:i,children:t})}var B=n(6043),Z=n(8596),A=n(3692),L=n(2389);function y(e){let{collapsed:t,categoryLabel:n,onClick:a}=e;return(0,b.jsx)("button",{"aria-label":t?(0,c.I)({id:"theme.DocSidebarItem.expandCategoryAriaLabel",message:"Expand sidebar category '{label}'",description:"The ARIA label to expand the sidebar category"},{label:n}):(0,c.I)({id:"theme.DocSidebarItem.collapseCategoryAriaLabel",message:"Collapse sidebar category '{label}'",description:"The ARIA label to collapse the sidebar category"},{label:n}),type:"button",className:"clean-btn menu__caret",onClick:a})}function w(e){let{item:t,onItemClick:n,activePath:i,level:r,index:c,...d}=e;const{items:u,label:m,collapsible:h,className:p,href:x}=t,{docs:{sidebar:{autoCollapseCategories:f}}}=(0,j.L)(),_=function(e){const t=(0,L.Z)();return(0,a.useMemo)((()=>e.href&&!e.linkUnlisted?e.href:!t&&e.collapsible?(0,l.LM)(e):void 0),[e,t])}(t),k=(0,l._F)(t,i),v=(0,Z.Mg)(x,i),{collapsed:g,setCollapsed:C}=(0,B.u)({initialState:()=>!!h&&(!k&&t.collapsed)}),{expandedItem:T,setExpandedItem:w}=function(){const e=(0,a.useContext)(N);if(e===I)throw new S.i6("DocSidebarItemsExpandedStateProvider");return e}(),E=function(e){void 0===e&&(e=!g),w(e?null:c),C(e)};return function(e){let{isActive:t,collapsed:n,updateCollapsed:o}=e;const i=(0,S.D9)(t);(0,a.useEffect)((()=>{t&&!i&&n&&o(!1)}),[t,i,n,o])}({isActive:k,collapsed:g,updateCollapsed:E}),(0,a.useEffect)((()=>{h&&null!=T&&T!==c&&f&&C(!0)}),[h,T,c,C,f]),(0,b.jsxs)("li",{className:(0,o.Z)(s.k.docs.docSidebarItemCategory,s.k.docs.docSidebarItemCategoryLevel(r),"menu__list-item",{"menu__list-item--collapsed":g},p),children:[(0,b.jsxs)("div",{className:(0,o.Z)("menu__list-item-collapsible",{"menu__list-item-collapsible--active":v}),children:[(0,b.jsx)(A.Z,{className:(0,o.Z)("menu__link",{"menu__link--sublist":h,"menu__link--sublist-caret":!x&&h,"menu__link--active":k}),onClick:h?e=>{n?.(t),x?E(!1):(e.preventDefault(),E())}:()=>{n?.(t)},"aria-current":v?"page":void 0,"aria-expanded":h?!g:void 0,href:h?_??"#":_,...d,children:m}),x&&h&&(0,b.jsx)(y,{collapsed:g,categoryLabel:m,onClick:e=>{e.preventDefault(),E()}})]}),(0,b.jsx)(B.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:g,children:(0,b.jsx)(V,{items:u,tabIndex:g?-1:0,onItemClick:n,activePath:i,level:r+1})})]})}var E=n(3919),H=n(9471);const M={menuExternalLink:"menuExternalLink_NmtK"};function R(e){let{item:t,onItemClick:n,activePath:a,level:i,index:r,...c}=e;const{href:d,label:u,className:m,autoAddBaseUrl:h}=t,p=(0,l._F)(t,a),x=(0,E.Z)(d);return(0,b.jsx)("li",{className:(0,o.Z)(s.k.docs.docSidebarItemLink,s.k.docs.docSidebarItemLinkLevel(i),"menu__list-item",m),children:(0,b.jsxs)(A.Z,{className:(0,o.Z)("menu__link",!x&&M.menuExternalLink,{"menu__link--active":p}),autoAddBaseUrl:h,"aria-current":p?"page":void 0,to:d,...x&&{onClick:n?()=>n(t):void 0},...c,children:[u,!x&&(0,b.jsx)(H.Z,{})]})},u)}const W={menuHtmlItem:"menuHtmlItem_M9Kj"};function F(e){let{item:t,level:n,index:a}=e;const{value:i,defaultStyle:l,className:r}=t;return(0,b.jsx)("li",{className:(0,o.Z)(s.k.docs.docSidebarItemLink,s.k.docs.docSidebarItemLinkLevel(n),l&&[W.menuHtmlItem,"menu__list-item"],r),dangerouslySetInnerHTML:{__html:i}},a)}function P(e){let{item:t,...n}=e;switch(t.type){case"category":return(0,b.jsx)(w,{item:t,...n});case"html":return(0,b.jsx)(F,{item:t,...n});default:return(0,b.jsx)(R,{item:t,...n})}}function D(e){let{items:t,...n}=e;const a=(0,l.f)(t,n.activePath);return(0,b.jsx)(T,{children:a.map(((e,t)=>(0,b.jsx)(P,{item:e,index:t,...n},t)))})}const V=(0,a.memo)(D),U={menu:"menu_SIkG",menuWithAnnouncementBar:"menuWithAnnouncementBar_GW3s"};function K(e){let{path:t,sidebar:n,className:i}=e;const l=function(){const{isActive:e}=(0,C.nT)(),[t,n]=(0,a.useState)(e);return(0,d.RF)((t=>{let{scrollY:a}=t;e&&n(0===a)}),[e]),e&&t}();return(0,b.jsx)("nav",{"aria-label":(0,c.I)({id:"theme.docs.sidebar.navAriaLabel",message:"Docs sidebar",description:"The ARIA label for the sidebar navigation"}),className:(0,o.Z)("menu thin-scrollbar",U.menu,l&&U.menuWithAnnouncementBar,i),children:(0,b.jsx)("ul",{className:(0,o.Z)(s.k.docs.docSidebarMenu,"menu__list"),children:(0,b.jsx)(V,{items:n,activePath:t,level:1})})})}const Y="sidebar_njMd",z="sidebarWithHideableNavbar_wUlq",G="sidebarHidden_VK0M",O="sidebarLogo_isFc";function q(e){let{path:t,sidebar:n,onCollapse:a,isHidden:i}=e;const{navbar:{hideOnScroll:s},docs:{sidebar:{hideable:l}}}=(0,j.L)();return(0,b.jsxs)("div",{className:(0,o.Z)(Y,s&&z,i&&G),children:[s&&(0,b.jsx)(_.Z,{tabIndex:-1,className:O}),(0,b.jsx)(K,{path:t,sidebar:n}),l&&(0,b.jsx)(g,{onClick:a})]})}const J=a.memo(q);var Q=n(3102),X=n(3163);const $=e=>{let{sidebar:t,path:n}=e;const a=(0,X.e)();return(0,b.jsx)("ul",{className:(0,o.Z)(s.k.docs.docSidebarMenu,"menu__list"),children:(0,b.jsx)(V,{items:t,activePath:n,onItemClick:e=>{"category"===e.type&&e.href&&a.toggle(),"link"===e.type&&a.toggle()},level:1})})};function ee(e){return(0,b.jsx)(Q.Zo,{component:$,props:e})}const te=a.memo(ee);function ne(e){const t=(0,f.i)(),n="desktop"===t||"ssr"===t,a="mobile"===t;return(0,b.jsxs)(b.Fragment,{children:[n&&(0,b.jsx)(J,{...e}),a&&(0,b.jsx)(te,{...e})]})}const ae={expandButton:"expandButton_TmdG",expandButtonIcon:"expandButtonIcon_i1dp"};function oe(e){let{toggleSidebar:t}=e;return(0,b.jsx)("div",{className:ae.expandButton,title:(0,c.I)({id:"theme.docs.sidebar.expandButtonTitle",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),"aria-label":(0,c.I)({id:"theme.docs.sidebar.expandButtonAriaLabel",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),tabIndex:0,role:"button",onKeyDown:t,onClick:t,children:(0,b.jsx)(k,{className:ae.expandButtonIcon})})}const ie={docSidebarContainer:"docSidebarContainer_YfHR",docSidebarContainerHidden:"docSidebarContainerHidden_DPk8",sidebarViewport:"sidebarViewport_aRkj"};function se(e){let{children:t}=e;const n=(0,r.V)();return(0,b.jsx)(a.Fragment,{children:t},n?.name??"noSidebar")}function le(e){let{sidebar:t,hiddenSidebarContainer:n,setHiddenSidebarContainer:i}=e;const{pathname:l}=(0,x.TH)(),[r,c]=(0,a.useState)(!1),d=(0,a.useCallback)((()=>{r&&c(!1),!r&&(0,p.n)()&&c(!0),i((e=>!e))}),[i,r]);return(0,b.jsx)("aside",{className:(0,o.Z)(s.k.docs.docSidebarContainer,ie.docSidebarContainer,n&&ie.docSidebarContainerHidden),onTransitionEnd:e=>{e.currentTarget.classList.contains(ie.docSidebarContainer)&&n&&c(!0)},children:(0,b.jsx)(se,{children:(0,b.jsxs)("div",{className:(0,o.Z)(ie.sidebarViewport,r&&ie.sidebarViewportHidden),children:[(0,b.jsx)(ne,{sidebar:t,path:l,onCollapse:d,isHidden:r}),r&&(0,b.jsx)(oe,{toggleSidebar:d})]})})})}const re={docMainContainer:"docMainContainer_TBSr",docMainContainerEnhanced:"docMainContainerEnhanced_lQrH",docItemWrapperEnhanced:"docItemWrapperEnhanced_JWYK"};function ce(e){let{hiddenSidebarContainer:t,children:n}=e;const a=(0,r.V)();return(0,b.jsx)("main",{className:(0,o.Z)(re.docMainContainer,(t||!a)&&re.docMainContainerEnhanced),children:(0,b.jsx)("div",{className:(0,o.Z)("container padding-top--md padding-bottom--lg",re.docItemWrapper,t&&re.docItemWrapperEnhanced),children:n})})}const de={docRoot:"docRoot_UBD9",docsWrapper:"docsWrapper_hBAB"};function ue(e){let{children:t}=e;const n=(0,r.V)(),[o,i]=(0,a.useState)(!1);return(0,b.jsxs)("div",{className:de.docsWrapper,children:[(0,b.jsx)(h,{}),(0,b.jsxs)("div",{className:de.docRoot,children:[n&&(0,b.jsx)(le,{sidebar:n.items,hiddenSidebarContainer:o,setHiddenSidebarContainer:i}),(0,b.jsx)(ce,{hiddenSidebarContainer:o,children:t})]})]})}var me=n(5658);function be(e){const t=(0,l.SN)(e);if(!t)return(0,b.jsx)(me.Z,{});const{docElement:n,sidebarName:a,sidebarItems:c}=t;return(0,b.jsx)(i.FG,{className:(0,o.Z)(s.k.page.docsDocPage),children:(0,b.jsx)(r.b,{name:a,items:c,children:(0,b.jsx)(ue,{children:n})})})}},5658:(e,t,n)=>{n.d(t,{Z:()=>l});n(7294);var a=n(512),o=n(5999),i=n(7955),s=n(5893);function l(e){let{className:t}=e;return(0,s.jsx)("main",{className:(0,a.Z)("container margin-vert--xl",t),children:(0,s.jsx)("div",{className:"row",children:(0,s.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,s.jsx)(i.Z,{as:"h1",className:"hero__title",children:(0,s.jsx)(o.Z,{id:"theme.NotFound.title",description:"The title of the 404 page",children:"Page Not Found"})}),(0,s.jsx)("p",{children:(0,s.jsx)(o.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page",children:"We could not find what you were looking for."})}),(0,s.jsx)("p",{children:(0,s.jsx)(o.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page",children:"Please contact the owner of the site that linked you to the original URL and let them know their link is broken."})})]})})})}}}]); \ No newline at end of file diff --git a/assets/js/aa86ff20.19cba91b.js b/assets/js/aa86ff20.19cba91b.js new file mode 100644 index 0000000..a595c7e --- /dev/null +++ b/assets/js/aa86ff20.19cba91b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1188],{3156:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>p,frontMatter:()=>s,metadata:()=>o,toc:()=>c});var n=i(5893),r=i(1151);const s={sidebar_position:1},d="FlexWidget",o={id:"primitives/flex-widget",title:"FlexWidget",description:"Widget container that lays out child widgets using flexbox.",source:"@site/docs/primitives/flex-widget.md",sourceDirName:"primitives",slug:"/primitives/flex-widget",permalink:"/react-native-android-widget/docs/primitives/flex-widget",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/flex-widget.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"default",previous:{title:"Primitives",permalink:"/react-native-android-widget/docs/primitives/index"},next:{title:"OverlapWidget",permalink:"/react-native-android-widget/docs/primitives/overlap-widget"}},a={},c=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"flexwidget",children:"FlexWidget"}),"\n",(0,n.jsx)(t.p,{children:"Widget container that lays out child widgets using flexbox."}),"\n",(0,n.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-tsx",children:"import { FlexWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n \n ...\n \n );\n}\n"})}),"\n",(0,n.jsx)(t.h2,{id:"props",children:"Props"}),"\n",(0,n.jsxs)(t.p,{children:["Check the props in the ",(0,n.jsx)(t.a,{href:"/docs/public-api/interfaces/FlexWidgetProps",children:"Public API"})," documentation"]})]})}function p(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1151:(e,t,i)=>{i.d(t,{Z:()=>o,a:()=>d});var n=i(7294);const r={},s=n.createContext(r);function d(e){const t=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),n.createElement(s.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/aa86ff20.85d93bff.js b/assets/js/aa86ff20.85d93bff.js deleted file mode 100644 index 04b3afa..0000000 --- a/assets/js/aa86ff20.85d93bff.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1188],{3905:(e,t,r)=>{r.d(t,{Zo:()=>d,kt:()=>f});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var l=n.createContext({}),s=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):a(a({},t),e)),r},d=function(e){var t=s(e.components);return n.createElement(l.Provider,{value:t},e.children)},p={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,d=c(e,["components","mdxType","originalType","parentName"]),u=s(r),f=i,g=u["".concat(l,".").concat(f)]||u[f]||p[f]||o;return r?n.createElement(g,a(a({ref:t},d),{},{components:r})):n.createElement(g,a({ref:t},d))}));function f(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=r.length,a=new Array(o);a[0]=u;var c={};for(var l in t)hasOwnProperty.call(t,l)&&(c[l]=t[l]);c.originalType=e,c.mdxType="string"==typeof e?e:i,a[1]=c;for(var s=2;s {r.r(t),r.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>s});var n=r(7462),i=(r(7294),r(3905));const o={sidebar_position:1},a="FlexWidget",c={unversionedId:"primitives/flex-widget",id:"primitives/flex-widget",title:"FlexWidget",description:"Widget container that lays out child widgets using flexbox.",source:"@site/docs/primitives/flex-widget.md",sourceDirName:"primitives",slug:"/primitives/flex-widget",permalink:"/react-native-android-widget/docs/primitives/flex-widget",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/flex-widget.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"default",previous:{title:"Primitives",permalink:"/react-native-android-widget/docs/primitives/index"},next:{title:"OverlapWidget",permalink:"/react-native-android-widget/docs/primitives/overlap-widget"}},l={},s=[{value:"Usage",id:"usage",level:2},{value:"Props",id:"props",level:2}],d={toc:s};function p(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"flexwidget"},"FlexWidget"),(0,i.kt)("p",null,"Widget container that lays out child widgets using flexbox."),(0,i.kt)("h2",{id:"usage"},"Usage"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-tsx"},"import { FlexWidget } from 'react-native-android-widget';\n\nexport function MyWidget() {\n return (\n \n ...\n \n );\n}\n")),(0,i.kt)("h2",{id:"props"},"Props"),(0,i.kt)("p",null,"Check the props in the ",(0,i.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/FlexWidgetProps"},"Public API")," documentation"))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/b0736eaa.2cff9d8f.js b/assets/js/b0736eaa.2cff9d8f.js deleted file mode 100644 index a34f8d6..0000000 --- a/assets/js/b0736eaa.2cff9d8f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[2097],{3905:(e,t,n)=>{n.d(t,{Zo:()=>s,kt:()=>f});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var c=r.createContext({}),l=function(e){var t=r.useContext(c),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},s=function(e){var t=l(e.components);return r.createElement(c.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,c=e.parentName,s=p(e,["components","mdxType","originalType","parentName"]),u=l(n),f=i,m=u["".concat(c,".").concat(f)]||u[f]||d[f]||o;return n?r.createElement(m,a(a({ref:t},s),{},{components:n})):r.createElement(m,a({ref:t},s))}));function f(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=u;var p={};for(var c in t)hasOwnProperty.call(t,c)&&(p[c]=t[c]);p.originalType=e,p.mdxType="string"==typeof e?e:i,a[1]=p;for(var l=2;l {n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>d,frontMatter:()=>o,metadata:()=>p,toc:()=>l});var r=n(7462),i=(n(7294),n(3905));const o={id:"ScreenInfo",title:"Interface: ScreenInfo",sidebar_label:"ScreenInfo",sidebar_position:0,custom_edit_url:null},a=void 0,p={unversionedId:"public-api/interfaces/ScreenInfo",id:"public-api/interfaces/ScreenInfo",title:"Interface: ScreenInfo",description:"Properties",source:"@site/docs/public-api/interfaces/ScreenInfo.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ScreenInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ScreenInfo",title:"Interface: ScreenInfo",sidebar_label:"ScreenInfo",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"RequestWidgetUpdateProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps"},next:{title:"SizeStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"}},c={},l=[{value:"Properties",id:"properties",level:2},{value:"screenHeightDp",id:"screenheightdp",level:3},{value:"screenWidthDp",id:"screenwidthdp",level:3},{value:"density",id:"density",level:3},{value:"densityDpi",id:"densitydpi",level:3}],s={toc:l};function d(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"screenheightdp"},"screenHeightDp"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"screenHeightDp"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("p",null,"Height of the screen in DP"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"screenwidthdp"},"screenWidthDp"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"screenWidthDp"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("p",null,"Width of the screen in DP"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"density"},"density"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"density"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("p",null,"Density of the screen"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"densitydpi"},"densityDpi"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"densityDpi"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("p",null,"Density of the screen in Dpi"))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/b0736eaa.aad426e9.js b/assets/js/b0736eaa.aad426e9.js new file mode 100644 index 0000000..00a09c8 --- /dev/null +++ b/assets/js/b0736eaa.aad426e9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[2097],{9322:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>o,contentTitle:()=>c,default:()=>p,frontMatter:()=>s,metadata:()=>d,toc:()=>l});var t=i(5893),r=i(1151);const s={id:"ScreenInfo",title:"Interface: ScreenInfo",sidebar_label:"ScreenInfo",sidebar_position:0,custom_edit_url:null},c=void 0,d={id:"public-api/interfaces/ScreenInfo",title:"Interface: ScreenInfo",description:"Properties",source:"@site/docs/public-api/interfaces/ScreenInfo.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ScreenInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ScreenInfo",title:"Interface: ScreenInfo",sidebar_label:"ScreenInfo",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"RequestWidgetUpdateProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps"},next:{title:"SizeStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"}},o={},l=[{value:"Properties",id:"properties",level:2},{value:"screenHeightDp",id:"screenheightdp",level:3},{value:"screenWidthDp",id:"screenwidthdp",level:3},{value:"density",id:"density",level:3},{value:"densityDpi",id:"densitydpi",level:3}];function a(e){const n={code:"code",h2:"h2",h3:"h3",hr:"hr",p:"p",strong:"strong",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h2,{id:"properties",children:"Properties"}),"\n",(0,t.jsx)(n.h3,{id:"screenheightdp",children:"screenHeightDp"}),"\n",(0,t.jsxs)(n.p,{children:["\u2022 ",(0,t.jsx)(n.strong,{children:"screenHeightDp"}),": ",(0,t.jsx)(n.code,{children:"number"})]}),"\n",(0,t.jsx)(n.p,{children:"Height of the screen in DP"}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"screenwidthdp",children:"screenWidthDp"}),"\n",(0,t.jsxs)(n.p,{children:["\u2022 ",(0,t.jsx)(n.strong,{children:"screenWidthDp"}),": ",(0,t.jsx)(n.code,{children:"number"})]}),"\n",(0,t.jsx)(n.p,{children:"Width of the screen in DP"}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"density",children:"density"}),"\n",(0,t.jsxs)(n.p,{children:["\u2022 ",(0,t.jsx)(n.strong,{children:"density"}),": ",(0,t.jsx)(n.code,{children:"number"})]}),"\n",(0,t.jsx)(n.p,{children:"Density of the screen"}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"densitydpi",children:"densityDpi"}),"\n",(0,t.jsxs)(n.p,{children:["\u2022 ",(0,t.jsx)(n.strong,{children:"densityDpi"}),": ",(0,t.jsx)(n.code,{children:"number"})]}),"\n",(0,t.jsx)(n.p,{children:"Density of the screen in Dpi"})]})}function p(e={}){const{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},1151:(e,n,i)=>{i.d(n,{Z:()=>d,a:()=>c});var t=i(7294);const r={},s=t.createContext(r);function c(e){const n=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:c(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/bcaac1db.a91a3d33.js b/assets/js/bcaac1db.a91a3d33.js deleted file mode 100644 index 75adbd9..0000000 --- a/assets/js/bcaac1db.a91a3d33.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6516],{3905:(e,t,r)=>{r.d(t,{Zo:()=>s,kt:()=>m});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t =0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var l=n.createContext({}),c=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},s=function(e){var t=c(e.components);return n.createElement(l.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,a=e.originalType,l=e.parentName,s=p(e,["components","mdxType","originalType","parentName"]),u=c(r),m=i,f=u["".concat(l,".").concat(m)]||u[m]||d[m]||a;return r?n.createElement(f,o(o({ref:t},s),{},{components:r})):n.createElement(f,o({ref:t},s))}));function m(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=r.length,o=new Array(a);o[0]=u;var p={};for(var l in t)hasOwnProperty.call(t,l)&&(p[l]=t[l]);p.originalType=e,p.mdxType="string"==typeof e?e:i,o[1]=p;for(var c=2;c{r.r(t),r.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>d,frontMatter:()=>a,metadata:()=>p,toc:()=>c});var n=r(7462),i=(r(7294),r(3905));const a={id:"SizeStyleProps",title:"Interface: SizeStyleProps",sidebar_label:"SizeStyleProps",sidebar_position:0,custom_edit_url:null},o=void 0,p={unversionedId:"public-api/interfaces/SizeStyleProps",id:"public-api/interfaces/SizeStyleProps",title:"Interface: SizeStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/SizeStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/SizeStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"SizeStyleProps",title:"Interface: SizeStyleProps",sidebar_label:"SizeStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ScreenInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo"},next:{title:"SvgWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps"}},l={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"height",id:"height",level:3},{value:"width",id:"width",level:3}],s={toc:c};function d(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},s,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("inlineCode",{parentName:"strong"},"SizeStyleProps"))),(0,i.kt)("p",{parentName:"li"},"\u21b3 ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle"},(0,i.kt)("inlineCode",{parentName:"a"},"ListWidgetStyle"))),(0,i.kt)("p",{parentName:"li"},"\u21b3 ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,i.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))))),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"height"},"height"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"height"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"width"},"width"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"width"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,i.kt)("inlineCode",{parentName:"p"},'"match_parent"')))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/bcaac1db.e2c36ed3.js b/assets/js/bcaac1db.e2c36ed3.js new file mode 100644 index 0000000..409e94d --- /dev/null +++ b/assets/js/bcaac1db.e2c36ed3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6516],{177:(e,i,t)=>{t.r(i),t.d(i,{assets:()=>o,contentTitle:()=>c,default:()=>p,frontMatter:()=>s,metadata:()=>d,toc:()=>l});var r=t(5893),n=t(1151);const s={id:"SizeStyleProps",title:"Interface: SizeStyleProps",sidebar_label:"SizeStyleProps",sidebar_position:0,custom_edit_url:null},c=void 0,d={id:"public-api/interfaces/SizeStyleProps",title:"Interface: SizeStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/SizeStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/SizeStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"SizeStyleProps",title:"Interface: SizeStyleProps",sidebar_label:"SizeStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ScreenInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo"},next:{title:"SvgWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps"}},o={},l=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"height",id:"height",level:3},{value:"width",id:"width",level:3}];function a(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,n.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:(0,r.jsx)(i.code,{children:"SizeStyleProps"})})}),"\n",(0,r.jsxs)(i.p,{children:["\u21b3 ",(0,r.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle",children:(0,r.jsx)(i.code,{children:"ListWidgetStyle"})})]}),"\n",(0,r.jsxs)(i.p,{children:["\u21b3 ",(0,r.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,r.jsx)(i.code,{children:"CommonStyleProps"})})]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsx)(i.h3,{id:"height",children:"height"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.code,{children:"Optional"})," ",(0,r.jsx)(i.strong,{children:"height"}),": ",(0,r.jsx)(i.code,{children:"number"})," | ",(0,r.jsx)(i.code,{children:'"wrap_content"'})," | ",(0,r.jsx)(i.code,{children:'"match_parent"'})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"width",children:"width"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.code,{children:"Optional"})," ",(0,r.jsx)(i.strong,{children:"width"}),": ",(0,r.jsx)(i.code,{children:"number"})," | ",(0,r.jsx)(i.code,{children:'"wrap_content"'})," | ",(0,r.jsx)(i.code,{children:'"match_parent"'})]})]})}function p(e={}){const{wrapper:i}={...(0,n.a)(),...e.components};return i?(0,r.jsx)(i,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}},1151:(e,i,t)=>{t.d(i,{Z:()=>d,a:()=>c});var r=t(7294);const n={},s=r.createContext(n);function c(e){const i=r.useContext(s);return r.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function d(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:c(e.components),r.createElement(s.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/bcda6bdc.562db46d.js b/assets/js/bcda6bdc.562db46d.js deleted file mode 100644 index b09708a..0000000 --- a/assets/js/bcda6bdc.562db46d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3159],{3905:(e,r,t)=>{t.d(r,{Zo:()=>u,kt:()=>m});var o=t(7294);function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function l(e){for(var r=1;r =0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o =0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var p=o.createContext({}),d=function(e){var r=o.useContext(p),t=r;return e&&(t="function"==typeof e?e(r):l(l({},r),e)),t},u=function(e){var r=d(e.components);return o.createElement(p.Provider,{value:r},e.children)},b={inlineCode:"code",wrapper:function(e){var r=e.children;return o.createElement(o.Fragment,{},r)}},s=o.forwardRef((function(e,r){var t=e.components,n=e.mdxType,i=e.originalType,p=e.parentName,u=a(e,["components","mdxType","originalType","parentName"]),s=d(t),m=n,c=s["".concat(p,".").concat(m)]||s[m]||b[m]||i;return t?o.createElement(c,l(l({ref:r},u),{},{components:t})):o.createElement(c,l({ref:r},u))}));function m(e,r){var t=arguments,n=r&&r.mdxType;if("string"==typeof e||n){var i=t.length,l=new Array(i);l[0]=s;var a={};for(var p in r)hasOwnProperty.call(r,p)&&(a[p]=r[p]);a.originalType=e,a.mdxType="string"==typeof e?e:n,l[1]=a;for(var d=2;d{t.r(r),t.d(r,{assets:()=>p,contentTitle:()=>l,default:()=>b,frontMatter:()=>i,metadata:()=>a,toc:()=>d});var o=t(7462),n=(t(7294),t(3905));const i={id:"BorderStyleProps",title:"Interface: BorderStyleProps",sidebar_label:"BorderStyleProps",sidebar_position:0,custom_edit_url:null},l=void 0,a={unversionedId:"public-api/interfaces/BorderStyleProps",id:"public-api/interfaces/BorderStyleProps",title:"Interface: BorderStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/BorderStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/BorderStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"BorderStyleProps",title:"Interface: BorderStyleProps",sidebar_label:"BorderStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"BackgroundStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"},next:{title:"ClickActionProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"}},p={},d=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"borderWidth",id:"borderwidth",level:3},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"borderColor",id:"bordercolor",level:3},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"borderRadius",id:"borderradius",level:3},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"borderStyle",id:"borderstyle",level:3}],u={toc:d};function b(e){let{components:r,...t}=e;return(0,n.kt)("wrapper",(0,o.Z)({},u,t,{components:r,mdxType:"MDXLayout"}),(0,n.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},(0,n.kt)("inlineCode",{parentName:"strong"},"BorderStyleProps"))),(0,n.kt)("p",{parentName:"li"},"\u21b3 ",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,n.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))))),(0,n.kt)("h2",{id:"properties"},"Properties"),(0,n.kt)("h3",{id:"borderwidth"},"borderWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopwidth"},"borderTopWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomwidth"},"borderBottomWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderleftwidth"},"borderLeftWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderLeftWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderrightwidth"},"borderRightWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRightWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordercolor"},"borderColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopcolor"},"borderTopColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomcolor"},"borderBottomColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderleftcolor"},"borderLeftColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderLeftColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderrightcolor"},"borderRightColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRightColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderradius"},"borderRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopleftradius"},"borderTopLeftRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopLeftRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertoprightradius"},"borderTopRightRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopRightRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomleftradius"},"borderBottomLeftRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomLeftRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomrightradius"},"borderBottomRightRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomRightRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderstyle"},"borderStyle"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderStyle"),": ",(0,n.kt)("inlineCode",{parentName:"p"},'"solid"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"dotted"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"dashed"')))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/bcda6bdc.82e92352.js b/assets/js/bcda6bdc.82e92352.js new file mode 100644 index 0000000..288fcf5 --- /dev/null +++ b/assets/js/bcda6bdc.82e92352.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3159],{9300:(r,e,o)=>{o.r(e),o.d(e,{assets:()=>s,contentTitle:()=>t,default:()=>a,frontMatter:()=>n,metadata:()=>l,toc:()=>c});var d=o(5893),i=o(1151);const n={id:"BorderStyleProps",title:"Interface: BorderStyleProps",sidebar_label:"BorderStyleProps",sidebar_position:0,custom_edit_url:null},t=void 0,l={id:"public-api/interfaces/BorderStyleProps",title:"Interface: BorderStyleProps",description:"Hierarchy",source:"@site/docs/public-api/interfaces/BorderStyleProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/BorderStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"BorderStyleProps",title:"Interface: BorderStyleProps",sidebar_label:"BorderStyleProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"BackgroundStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"},next:{title:"ClickActionProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps"}},s={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"borderWidth",id:"borderwidth",level:3},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"borderColor",id:"bordercolor",level:3},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"borderRadius",id:"borderradius",level:3},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"borderStyle",id:"borderstyle",level:3}];function h(r){const e={a:"a",code:"code",h2:"h2",h3:"h3",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,i.a)(),...r.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(e.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,d.jsxs)(e.ul,{children:["\n",(0,d.jsxs)(e.li,{children:["\n",(0,d.jsx)(e.p,{children:(0,d.jsx)(e.strong,{children:(0,d.jsx)(e.code,{children:"BorderStyleProps"})})}),"\n",(0,d.jsxs)(e.p,{children:["\u21b3 ",(0,d.jsx)(e.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,d.jsx)(e.code,{children:"CommonStyleProps"})})]}),"\n"]}),"\n"]}),"\n",(0,d.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,d.jsx)(e.h3,{id:"borderwidth",children:"borderWidth"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderWidth"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"bordertopwidth",children:"borderTopWidth"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderTopWidth"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderbottomwidth",children:"borderBottomWidth"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderBottomWidth"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderleftwidth",children:"borderLeftWidth"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderLeftWidth"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderrightwidth",children:"borderRightWidth"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderRightWidth"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"bordercolor",children:"borderColor"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"bordertopcolor",children:"borderTopColor"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderTopColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderbottomcolor",children:"borderBottomColor"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderBottomColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderleftcolor",children:"borderLeftColor"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderLeftColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderrightcolor",children:"borderRightColor"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderRightColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderradius",children:"borderRadius"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderRadius"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"bordertopleftradius",children:"borderTopLeftRadius"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderTopLeftRadius"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"bordertoprightradius",children:"borderTopRightRadius"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderTopRightRadius"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderbottomleftradius",children:"borderBottomLeftRadius"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderBottomLeftRadius"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderbottomrightradius",children:"borderBottomRightRadius"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderBottomRightRadius"}),": ",(0,d.jsx)(e.code,{children:"number"})]}),"\n",(0,d.jsx)(e.hr,{}),"\n",(0,d.jsx)(e.h3,{id:"borderstyle",children:"borderStyle"}),"\n",(0,d.jsxs)(e.p,{children:["\u2022 ",(0,d.jsx)(e.code,{children:"Optional"})," ",(0,d.jsx)(e.strong,{children:"borderStyle"}),": ",(0,d.jsx)(e.code,{children:'"solid"'})," | ",(0,d.jsx)(e.code,{children:'"dotted"'})," | ",(0,d.jsx)(e.code,{children:'"dashed"'})]})]})}function a(r={}){const{wrapper:e}={...(0,i.a)(),...r.components};return e?(0,d.jsx)(e,{...r,children:(0,d.jsx)(h,{...r})}):h(r)}},1151:(r,e,o)=>{o.d(e,{Z:()=>l,a:()=>t});var d=o(7294);const i={},n=d.createContext(i);function t(r){const e=d.useContext(n);return d.useMemo((function(){return"function"==typeof r?r(e):{...e,...r}}),[e,r])}function l(r){let e;return e=r.disableParentContext?"function"==typeof r.components?r.components(i):r.components||i:t(r.components),d.createElement(n.Provider,{value:e},r.children)}}}]); \ No newline at end of file diff --git a/assets/js/c10b2ba3.3231a4da.js b/assets/js/c10b2ba3.3231a4da.js new file mode 100644 index 0000000..d7fe147 --- /dev/null +++ b/assets/js/c10b2ba3.3231a4da.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[8888],{8621:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>s,contentTitle:()=>a,default:()=>g,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var n=i(5893),r=i(1151);const o={sidebar_position:2},a="Widget Preview",d={id:"tutorial/widget-preview",title:"Widget Preview",description:"Designing a widget can be cumbersome if you have to add the widget to a homescreen everytime you make a change.",source:"@site/docs/tutorial/widget-preview.md",sourceDirName:"tutorial",slug:"/tutorial/widget-preview",permalink:"/react-native-android-widget/docs/tutorial/widget-preview",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/widget-preview.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"default",previous:{title:"Widget Design",permalink:"/react-native-android-widget/docs/tutorial/widget-design"},next:{title:"Register task handler",permalink:"/react-native-android-widget/docs/tutorial/register-task-handler"}},s={},c=[];function l(e){const t={code:"code",h1:"h1",img:"img",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"widget-preview",children:"Widget Preview"}),"\n",(0,n.jsx)(t.p,{children:"Designing a widget can be cumbersome if you have to add the widget to a homescreen everytime you make a change."}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.code,{children:"react-native-android-widget"})," exports a ",(0,n.jsx)(t.code,{children:"WidgetPreview"})," component that can be used to preview a widget in any screen in our React Native application."]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-jsx",metastring:'title="HelloWidgetPreviewScreen.tsx"',children:"import * as React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { WidgetPreview } from 'react-native-android-widget';\n\nimport { HelloWidget } from './HelloWidget';\n\nexport function HelloWidgetPreviewScreen() {\n return (\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Widget Preview",src:i(5383).Z+"",width:"422",height:"863"})})]})}function g(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},5383:(e,t,i)=>{i.d(t,{Z:()=>n});const n=i.p+"assets/images/HelloWidgetPreview-556a9d750c3f8870e0291addc05627de.png"},1151:(e,t,i)=>{i.d(t,{Z:()=>d,a:()=>a});var n=i(7294);const r={},o=n.createContext(r);function a(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:a(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/c10b2ba3.a7397f99.js b/assets/js/c10b2ba3.a7397f99.js deleted file mode 100644 index ba5deb9..0000000 --- a/assets/js/c10b2ba3.a7397f99.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[8888],{3905:(e,t,r)=>{r.d(t,{Zo:()=>s,kt:()=>g});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t}\n width={320}\n height={200}\n />\n =0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var d=n.createContext({}),l=function(e){var t=n.useContext(d),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},s=function(e){var t=l(e.components);return n.createElement(d.Provider,{value:t},e.children)},p={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,a=e.originalType,d=e.parentName,s=c(e,["components","mdxType","originalType","parentName"]),u=l(r),g=i,m=u["".concat(d,".").concat(g)]||u[g]||p[g]||a;return r?n.createElement(m,o(o({ref:t},s),{},{components:r})):n.createElement(m,o({ref:t},s))}));function g(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=r.length,o=new Array(a);o[0]=u;var c={};for(var d in t)hasOwnProperty.call(t,d)&&(c[d]=t[d]);c.originalType=e,c.mdxType="string"==typeof e?e:i,o[1]=c;for(var l=2;l{r.r(t),r.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>p,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var n=r(7462),i=(r(7294),r(3905));const a={sidebar_position:2},o="Widget Preview",c={unversionedId:"tutorial/widget-preview",id:"tutorial/widget-preview",title:"Widget Preview",description:"Designing a widget can be cumbersome if you have to add the widget to a homescreen everytime you make a change.",source:"@site/docs/tutorial/widget-preview.md",sourceDirName:"tutorial",slug:"/tutorial/widget-preview",permalink:"/react-native-android-widget/docs/tutorial/widget-preview",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/widget-preview.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"default",previous:{title:"Widget Design",permalink:"/react-native-android-widget/docs/tutorial/widget-design"},next:{title:"Register task handler",permalink:"/react-native-android-widget/docs/tutorial/register-task-handler"}},d={},l=[],s={toc:l};function p(e){let{components:t,...a}=e;return(0,i.kt)("wrapper",(0,n.Z)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"widget-preview"},"Widget Preview"),(0,i.kt)("p",null,"Designing a widget can be cumbersome if you have to add the widget to a homescreen everytime you make a change."),(0,i.kt)("p",null,(0,i.kt)("inlineCode",{parentName:"p"},"react-native-android-widget")," exports a ",(0,i.kt)("inlineCode",{parentName:"p"},"WidgetPreview")," component that can be used to preview a widget in any screen in our React Native application."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx",metastring:'title="HelloWidgetPreviewScreen.tsx"',title:'"HelloWidgetPreviewScreen.tsx"'},"import * as React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { WidgetPreview } from 'react-native-android-widget';\n\nimport { HelloWidget } from './HelloWidget';\n\nexport function HelloWidgetPreviewScreen() {\n return (\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n")),(0,i.kt)("p",null,(0,i.kt)("img",{alt:"Widget Preview",src:r(5383).Z,width:"422",height:"863"})))}p.isMDXComponent=!0},5383:(e,t,r)=>{r.d(t,{Z:()=>n});const n=r.p+"assets/images/HelloWidgetPreview-556a9d750c3f8870e0291addc05627de.png"}}]); \ No newline at end of file diff --git a/assets/js/c377a04b.d499c0f1.js b/assets/js/c377a04b.d499c0f1.js new file mode 100644 index 0000000..baeaeb7 --- /dev/null +++ b/assets/js/c377a04b.d499c0f1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6971],{2660:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>T,contentTitle:()=>I,default:()=>A,frontMatter:()=>V,metadata:()=>S,toc:()=>E});var r=n(5893),a=n(1151),i=n(7294),s=n(512),o=n(2466),l=n(6550),u=n(469),d=n(1980),c=n(7392),h=n(12);function b(e){return i.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,i.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad}\n width={320}\n height={200}\n />\n child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function p(e){const{values:t,children:n}=e;return(0,i.useMemo)((()=>{const e=t??function(e){return b(e).map((e=>{let{props:{value:t,label:n,attributes:r,default:a}}=e;return{value:t,label:n,attributes:r,default:a}}))}(n);return function(e){const t=(0,c.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,n])}function g(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function f(e){let{queryString:t=!1,groupId:n}=e;const r=(0,l.k6)(),a=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,d._X)(a),(0,i.useCallback)((e=>{if(!a)return;const t=new URLSearchParams(r.location.search);t.set(a,e),r.replace({...r.location,search:t.toString()})}),[a,r])]}function m(e){const{defaultValue:t,queryString:n=!1,groupId:r}=e,a=p(e),[s,o]=(0,i.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!g({value:t,tabValues:n}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const r=n.find((e=>e.default))??n[0];if(!r)throw new Error("Unexpected error: 0 tabValues");return r.value}({defaultValue:t,tabValues:a}))),[l,d]=f({queryString:n,groupId:r}),[c,b]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[r,a]=(0,h.Nk)(n);return[r,(0,i.useCallback)((e=>{n&&a.set(e)}),[n,a])]}({groupId:r}),m=(()=>{const e=l??c;return g({value:e,tabValues:a})?e:null})();(0,u.Z)((()=>{m&&o(m)}),[m]);return{selectedValue:s,selectValue:(0,i.useCallback)((e=>{if(!g({value:e,tabValues:a}))throw new Error(`Can't select invalid tab value=${e}`);o(e),d(e),b(e)}),[d,b,a]),tabValues:a}}var v=n(2389);const w={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};function x(e){let{className:t,block:n,selectedValue:a,selectValue:i,tabValues:l}=e;const u=[],{blockElementScrollPositionUntilNextRender:d}=(0,o.o5)(),c=e=>{const t=e.currentTarget,n=u.indexOf(t),r=l[n].value;r!==a&&(d(t),i(r))},h=e=>{let t=null;switch(e.key){case"Enter":c(e);break;case"ArrowRight":{const n=u.indexOf(e.currentTarget)+1;t=u[n]??u[0];break}case"ArrowLeft":{const n=u.indexOf(e.currentTarget)-1;t=u[n]??u[u.length-1];break}}t?.focus()};return(0,r.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,s.Z)("tabs",{"tabs--block":n},t),children:l.map((e=>{let{value:t,label:n,attributes:i}=e;return(0,r.jsx)("li",{role:"tab",tabIndex:a===t?0:-1,"aria-selected":a===t,ref:e=>u.push(e),onKeyDown:h,onClick:c,...i,className:(0,s.Z)("tabs__item",w.tabItem,i?.className,{"tabs__item--active":a===t}),children:n??t},t)}))})}function y(e){let{lazy:t,children:n,selectedValue:a}=e;const s=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=s.find((e=>e.props.value===a));return e?(0,i.cloneElement)(e,{className:"margin-top--md"}):null}return(0,r.jsx)("div",{className:"margin-top--md",children:s.map(((e,t)=>(0,i.cloneElement)(e,{key:t,hidden:e.props.value!==a})))})}function j(e){const t=m(e);return(0,r.jsxs)("div",{className:(0,s.Z)("tabs-container",w.tabList),children:[(0,r.jsx)(x,{...e,...t}),(0,r.jsx)(y,{...e,...t})]})}function k(e){const t=(0,v.Z)();return(0,r.jsx)(j,{...e,children:b(e.children)},String(t))}const _={tabItem:"tabItem_Ymn6"};function N(e){let{children:t,hidden:n,className:a}=e;return(0,r.jsx)("div",{role:"tabpanel",className:(0,s.Z)(_.tabItem,a),hidden:n,children:t})}const V={sidebar_position:1,sidebar_label:"Getting Started",title:"Getting Started"},I="React Native Android Widget",S={id:"index",title:"Getting Started",description:"React Native Android Widget is an open source library for building android widgets using React Native - without touching the native side.",source:"@site/docs/index.md",sourceDirName:".",slug:"/",permalink:"/react-native-android-widget/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/index.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1,sidebar_label:"Getting Started",title:"Getting Started"},sidebar:"default",next:{title:"Widget Design",permalink:"/react-native-android-widget/docs/tutorial/widget-design"}},T={},E=[{value:"Getting Started",id:"getting-started",level:2}];function q(e){const t={a:"a",h1:"h1",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"react-native-android-widget",children:"React Native Android Widget"}),"\n",(0,r.jsx)(t.p,{children:"React Native Android Widget is an open source library for building android widgets using React Native - without touching the native side."}),"\n",(0,r.jsxs)(t.p,{children:["Get started building by installing React Native Android Widget or by following the ",(0,r.jsx)(t.a,{href:"/react-native-android-widget/docs/tutorial/widget-design",children:"Tutorial"})," to learn the main concepts."]}),"\n",(0,r.jsx)(t.h2,{id:"getting-started",children:"Getting Started"}),"\n",(0,r.jsxs)(t.p,{children:["Get started by ",(0,r.jsx)(t.strong,{children:"installing the library"}),"."]}),"\n","\n","\n",(0,r.jsxs)(k,{children:[(0,r.jsx)(N,{value:"npm",label:"npm",default:!0,children:(0,r.jsx)("pre",{children:"npm install --save react-native-android-widget"})}),(0,r.jsx)(N,{value:"yarn",label:"yarn",children:(0,r.jsx)("pre",{children:"yarn add react-native-android-widget"})})]})]})}function A(e={}){const{wrapper:t}={...(0,a.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(q,{...e})}):q(e)}},1151:(e,t,n)=>{n.d(t,{Z:()=>o,a:()=>s});var r=n(7294);const a={},i=r.createContext(a);function s(e){const t=r.useContext(i);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:s(e.components),r.createElement(i.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/c377a04b.ed669e47.js b/assets/js/c377a04b.ed669e47.js deleted file mode 100644 index b4dec3a..0000000 --- a/assets/js/c377a04b.ed669e47.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[6971],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>f});var n=r(7294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t =0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var u=n.createContext({}),s=function(e){var t=n.useContext(u),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=s(e.components);return n.createElement(u.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},p=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,i=e.originalType,u=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),p=s(r),f=a,b=p["".concat(u,".").concat(f)]||p[f]||d[f]||i;return r?n.createElement(b,o(o({ref:t},c),{},{components:r})):n.createElement(b,o({ref:t},c))}));function f(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=r.length,o=new Array(i);o[0]=p;var l={};for(var u in t)hasOwnProperty.call(t,u)&&(l[u]=t[u]);l.originalType=e,l.mdxType="string"==typeof e?e:a,o[1]=l;for(var s=2;s{r.r(t),r.d(t,{assets:()=>V,contentTitle:()=>S,default:()=>P,frontMatter:()=>x,metadata:()=>_,toc:()=>j});var n=r(7462),a=r(7294),i=r(3905),o=r(6010),l=r(2466),u=r(6550),s=r(1980),c=r(7392),d=r(12);function p(e){return function(e){var t;return(null==(t=a.Children.map(e,(e=>{if(!e||(0,a.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})))?void 0:t.filter(Boolean))??[]}(e).map((e=>{let{props:{value:t,label:r,attributes:n,default:a}}=e;return{value:t,label:r,attributes:n,default:a}}))}function f(e){const{values:t,children:r}=e;return(0,a.useMemo)((()=>{const e=t??p(r);return function(e){const t=(0,c.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,r])}function b(e){let{value:t,tabValues:r}=e;return r.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:r}=e;const n=(0,u.k6)(),i=function(e){let{queryString:t=!1,groupId:r}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!r)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return r??null}({queryString:t,groupId:r});return[(0,s._X)(i),(0,a.useCallback)((e=>{if(!i)return;const t=new URLSearchParams(n.location.search);t.set(i,e),n.replace({...n.location,search:t.toString()})}),[i,n])]}function g(e){const{defaultValue:t,queryString:r=!1,groupId:n}=e,i=f(e),[o,l]=(0,a.useState)((()=>function(e){let{defaultValue:t,tabValues:r}=e;if(0===r.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!b({value:t,tabValues:r}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${r.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const n=r.find((e=>e.default))??r[0];if(!n)throw new Error("Unexpected error: 0 tabValues");return n.value}({defaultValue:t,tabValues:i}))),[u,s]=m({queryString:r,groupId:n}),[c,p]=function(e){let{groupId:t}=e;const r=function(e){return e?`docusaurus.tab.${e}`:null}(t),[n,i]=(0,d.Nk)(r);return[n,(0,a.useCallback)((e=>{r&&i.set(e)}),[r,i])]}({groupId:n}),g=(()=>{const e=u??c;return b({value:e,tabValues:i})?e:null})();(0,a.useLayoutEffect)((()=>{g&&l(g)}),[g]);return{selectedValue:o,selectValue:(0,a.useCallback)((e=>{if(!b({value:e,tabValues:i}))throw new Error(`Can't select invalid tab value=${e}`);l(e),s(e),p(e)}),[s,p,i]),tabValues:i}}var v=r(2389);const y="tabList__CuJ",h="tabItem_LNqP";function w(e){let{className:t,block:r,selectedValue:i,selectValue:u,tabValues:s}=e;const c=[],{blockElementScrollPositionUntilNextRender:d}=(0,l.o5)(),p=e=>{const t=e.currentTarget,r=c.indexOf(t),n=s[r].value;n!==i&&(d(t),u(n))},f=e=>{var t;let r=null;switch(e.key){case"Enter":p(e);break;case"ArrowRight":{const t=c.indexOf(e.currentTarget)+1;r=c[t]??c[0];break}case"ArrowLeft":{const t=c.indexOf(e.currentTarget)-1;r=c[t]??c[c.length-1];break}}null==(t=r)||t.focus()};return a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,o.Z)("tabs",{"tabs--block":r},t)},s.map((e=>{let{value:t,label:r,attributes:l}=e;return a.createElement("li",(0,n.Z)({role:"tab",tabIndex:i===t?0:-1,"aria-selected":i===t,key:t,ref:e=>c.push(e),onKeyDown:f,onClick:p},l,{className:(0,o.Z)("tabs__item",h,null==l?void 0:l.className,{"tabs__item--active":i===t})}),r??t)})))}function k(e){let{lazy:t,children:r,selectedValue:n}=e;const i=(Array.isArray(r)?r:[r]).filter(Boolean);if(t){const e=i.find((e=>e.props.value===n));return e?(0,a.cloneElement)(e,{className:"margin-top--md"}):null}return a.createElement("div",{className:"margin-top--md"},i.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==n}))))}function E(e){const t=g(e);return a.createElement("div",{className:(0,o.Z)("tabs-container",y)},a.createElement(w,(0,n.Z)({},e,t)),a.createElement(k,(0,n.Z)({},e,t)))}function O(e){const t=(0,v.Z)();return a.createElement(E,(0,n.Z)({key:String(t)},e))}const T="tabItem_Ymn6";function N(e){let{children:t,hidden:r,className:n}=e;return a.createElement("div",{role:"tabpanel",className:(0,o.Z)(T,n),hidden:r},t)}const x={sidebar_position:1,sidebar_label:"Getting Started",title:"Getting Started"},S="React Native Android Widget",_={unversionedId:"index",id:"index",title:"Getting Started",description:"React Native Android Widget is an open source library for building android widgets using React Native - without touching the native side.",source:"@site/docs/index.md",sourceDirName:".",slug:"/",permalink:"/react-native-android-widget/docs/",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/index.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1,sidebar_label:"Getting Started",title:"Getting Started"},sidebar:"default",next:{title:"Widget Design",permalink:"/react-native-android-widget/docs/tutorial/widget-design"}},V={},j=[{value:"Getting Started",id:"getting-started",level:2}],I={toc:j};function P(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},I,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"react-native-android-widget"},"React Native Android Widget"),(0,i.kt)("p",null,"React Native Android Widget is an open source library for building android widgets using React Native - without touching the native side."),(0,i.kt)("p",null,"Get started building by installing React Native Android Widget or by following the ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/tutorial/widget-design"},"Tutorial")," to learn the main concepts."),(0,i.kt)("h2",{id:"getting-started"},"Getting Started"),(0,i.kt)("p",null,"Get started by ",(0,i.kt)("strong",{parentName:"p"},"installing the library"),"."),(0,i.kt)(O,{mdxType:"Tabs"},(0,i.kt)(N,{value:"npm",label:"npm",default:!0,mdxType:"TabItem"},(0,i.kt)("pre",null,"npm install --save react-native-android-widget")),(0,i.kt)(N,{value:"yarn",label:"yarn",mdxType:"TabItem"},(0,i.kt)("pre",null,"yarn add react-native-android-widget"))))}P.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/c56934f7.8e3103e5.js b/assets/js/c56934f7.8e3103e5.js new file mode 100644 index 0000000..e5544e7 --- /dev/null +++ b/assets/js/c56934f7.8e3103e5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[2321],{4961:(e,i,t)=>{t.r(i),t.d(i,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var r=t(5893),n=t(1151);const s={id:"WithAndroidWidgetsParams",title:"Interface: WithAndroidWidgetsParams",sidebar_label:"WithAndroidWidgetsParams",sidebar_position:0,custom_edit_url:null},d=void 0,a={id:"public-api/interfaces/WithAndroidWidgetsParams",title:"Interface: WithAndroidWidgetsParams",description:"Properties",source:"@site/docs/public-api/interfaces/WithAndroidWidgetsParams.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WithAndroidWidgetsParams",permalink:"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WithAndroidWidgetsParams",title:"Interface: WithAndroidWidgetsParams",sidebar_label:"WithAndroidWidgetsParams",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"WidgetTaskHandlerProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps"}},o={},c=[{value:"Properties",id:"properties",level:2},{value:"widgets",id:"widgets",level:3},{value:"fonts",id:"fonts",level:3}];function l(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",hr:"hr",p:"p",strong:"strong",...(0,n.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsx)(i.h3,{id:"widgets",children:"widgets"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.strong,{children:"widgets"}),": ",(0,r.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/Widget",children:(0,r.jsx)(i.code,{children:"Widget"})}),"[]"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"fonts",children:"fonts"}),"\n",(0,r.jsxs)(i.p,{children:["\u2022 ",(0,r.jsx)(i.code,{children:"Optional"})," ",(0,r.jsx)(i.strong,{children:"fonts"}),": ",(0,r.jsx)(i.a,{href:"../#resourcepath",children:(0,r.jsx)(i.code,{children:"ResourcePath"})}),"[]"]})]})}function p(e={}){const{wrapper:i}={...(0,n.a)(),...e.components};return i?(0,r.jsx)(i,{...e,children:(0,r.jsx)(l,{...e})}):l(e)}},1151:(e,i,t)=>{t.d(i,{Z:()=>a,a:()=>d});var r=t(7294);const n={},s=r.createContext(n);function d(e){const i=r.useContext(s);return r.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function a(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),r.createElement(s.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/c56934f7.faf1a9f9.js b/assets/js/c56934f7.faf1a9f9.js deleted file mode 100644 index e6dabff..0000000 --- a/assets/js/c56934f7.faf1a9f9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[2321],{3905:(e,t,r)=>{r.d(t,{Zo:()=>p,kt:()=>f});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t =0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var d=n.createContext({}),c=function(e){var t=n.useContext(d),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},p=function(e){var t=c(e.components);return n.createElement(d.Provider,{value:t},e.children)},l={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,a=e.originalType,d=e.parentName,p=s(e,["components","mdxType","originalType","parentName"]),u=c(r),f=i,m=u["".concat(d,".").concat(f)]||u[f]||l[f]||a;return r?n.createElement(m,o(o({ref:t},p),{},{components:r})):n.createElement(m,o({ref:t},p))}));function f(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=r.length,o=new Array(a);o[0]=u;var s={};for(var d in t)hasOwnProperty.call(t,d)&&(s[d]=t[d]);s.originalType=e,s.mdxType="string"==typeof e?e:i,o[1]=s;for(var c=2;c{r.r(t),r.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>l,frontMatter:()=>a,metadata:()=>s,toc:()=>c});var n=r(7462),i=(r(7294),r(3905));const a={id:"WithAndroidWidgetsParams",title:"Interface: WithAndroidWidgetsParams",sidebar_label:"WithAndroidWidgetsParams",sidebar_position:0,custom_edit_url:null},o=void 0,s={unversionedId:"public-api/interfaces/WithAndroidWidgetsParams",id:"public-api/interfaces/WithAndroidWidgetsParams",title:"Interface: WithAndroidWidgetsParams",description:"Properties",source:"@site/docs/public-api/interfaces/WithAndroidWidgetsParams.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WithAndroidWidgetsParams",permalink:"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WithAndroidWidgetsParams",title:"Interface: WithAndroidWidgetsParams",sidebar_label:"WithAndroidWidgetsParams",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"WidgetTaskHandlerProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps"}},d={},c=[{value:"Properties",id:"properties",level:2},{value:"widgets",id:"widgets",level:3},{value:"fonts",id:"fonts",level:3}],p={toc:c};function l(e){let{components:t,...r}=e;return(0,i.kt)("wrapper",(0,n.Z)({},p,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"widgets"},"widgets"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"widgets"),": ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/Widget"},(0,i.kt)("inlineCode",{parentName:"a"},"Widget")),"[]"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"fonts"},"fonts"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,i.kt)("strong",{parentName:"p"},"fonts"),": ",(0,i.kt)("a",{parentName:"p",href:"../#resourcepath"},(0,i.kt)("inlineCode",{parentName:"a"},"ResourcePath")),"[]"))}l.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/cc1aedd7.79c64f57.js b/assets/js/cc1aedd7.79c64f57.js new file mode 100644 index 0000000..c485da2 --- /dev/null +++ b/assets/js/cc1aedd7.79c64f57.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1069],{2110:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>p,frontMatter:()=>o,metadata:()=>a,toc:()=>c});var i=n(5893),s=n(1151);const o={sidebar_position:6},r="IconWidget",a={id:"primitives/icon-widget",title:"IconWidget",description:"Widget for displaying icons.",source:"@site/docs/primitives/icon-widget.md",sourceDirName:"primitives",slug:"/primitives/icon-widget",permalink:"/react-native-android-widget/docs/primitives/icon-widget",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/icon-widget.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6},sidebar:"default",previous:{title:"TextWidget",permalink:"/react-native-android-widget/docs/primitives/text-widget"},next:{title:"SvgWidget",permalink:"/react-native-android-widget/docs/primitives/svg-widget"}},d={},c=[{value:"Usage",id:"usage",level:2},{value:"Fonts",id:"fonts",level:2},{value:"Bare React Native",id:"bare-react-native",level:3},{value:"Expo",id:"expo",level:3},{value:"Props",id:"props",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"iconwidget",children:"IconWidget"}),"\n",(0,i.jsx)(t.p,{children:"Widget for displaying icons."}),"\n",(0,i.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-tsx",children:'import { FlexWidget, IconWidget } from \'react-native-android-widget\';\n\nexport function MyWidget() {\n return (\n \n \n );\n}\n'})}),"\n",(0,i.jsx)(t.h2,{id:"fonts",children:"Fonts"}),"\n",(0,i.jsx)(t.p,{children:"Icon widget supports custom fonts, but we must provide the font file."}),"\n",(0,i.jsx)(t.h3,{id:"bare-react-native",children:"Bare React Native"}),"\n",(0,i.jsxs)(t.p,{children:["To use a custom icon font in bare React Native app we must copy the font file(s) to ",(0,i.jsx)(t.code,{children:"android/app/src/main/assets/fonts"}),". The ",(0,i.jsx)(t.code,{children:"font"})," prop will match the file by name."]}),"\n",(0,i.jsxs)(t.p,{children:["For example, ",(0,i.jsx)(t.code,{children:"android/app/src/main/assets/fonts/material.ttf"})]}),"\n",(0,i.jsx)(t.h3,{id:"expo",children:"Expo"}),"\n",(0,i.jsx)(t.p,{children:"To use a custom font in an Expo app, we can add them in the assets directory."}),"\n",(0,i.jsxs)(t.p,{children:["For example, ",(0,i.jsx)(t.code,{children:"assets/fonts/material.ttf"})]}),"\n",(0,i.jsx)(t.p,{children:"Then, when using the config plugin we must provide a list of all the custom fonts we need."}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",children:"export default ({ config }: ConfigContext): ExpoConfig => ({\n ...config,\n name: 'My Expo App Name',\n plugins: [\n ['react-native-android-widget', {\n fonts: ['./assets/fonts/material.ttf'],\n widgets: [...],\n }]\n ],\n});\n"})}),"\n",(0,i.jsx)(t.h2,{id:"props",children:"Props"}),"\n",(0,i.jsxs)(t.p,{children:["Check the props in the ",(0,i.jsx)(t.a,{href:"/docs/public-api/interfaces/IconWidgetProps",children:"Public API"})," documentation"]})]})}function p(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1151:(e,t,n)=>{n.d(t,{Z:()=>a,a:()=>r});var i=n(7294);const s={},o=i.createContext(s);function r(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/cc1aedd7.a3c4fcf5.js b/assets/js/cc1aedd7.a3c4fcf5.js deleted file mode 100644 index ae549b3..0000000 --- a/assets/js/cc1aedd7.a3c4fcf5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[1069],{3905:(e,t,n)=>{n.d(t,{Zo:()=>l,kt:()=>f});var i=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function a(e){for(var t=1;t\n =0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.createContext({}),c=function(e){var t=i.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},l=function(e){var t=c(e.components);return i.createElement(p.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},u=i.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,p=e.parentName,l=s(e,["components","mdxType","originalType","parentName"]),u=c(n),f=r,m=u["".concat(p,".").concat(f)]||u[f]||d[f]||o;return n?i.createElement(m,a(a({ref:t},l),{},{components:n})):i.createElement(m,a({ref:t},l))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,a=new Array(o);a[0]=u;var s={};for(var p in t)hasOwnProperty.call(t,p)&&(s[p]=t[p]);s.originalType=e,s.mdxType="string"==typeof e?e:r,a[1]=s;for(var c=2;c {n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>a,default:()=>d,frontMatter:()=>o,metadata:()=>s,toc:()=>c});var i=n(7462),r=(n(7294),n(3905));const o={sidebar_position:6},a="IconWidget",s={unversionedId:"primitives/icon-widget",id:"primitives/icon-widget",title:"IconWidget",description:"Widget for displaying icons.",source:"@site/docs/primitives/icon-widget.md",sourceDirName:"primitives",slug:"/primitives/icon-widget",permalink:"/react-native-android-widget/docs/primitives/icon-widget",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/primitives/icon-widget.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6},sidebar:"default",previous:{title:"TextWidget",permalink:"/react-native-android-widget/docs/primitives/text-widget"},next:{title:"SvgWidget",permalink:"/react-native-android-widget/docs/primitives/svg-widget"}},p={},c=[{value:"Usage",id:"usage",level:2},{value:"Fonts",id:"fonts",level:2},{value:"Bare React Native",id:"bare-react-native",level:3},{value:"Expo",id:"expo",level:3},{value:"Props",id:"props",level:2}],l={toc:c};function d(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,i.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"iconwidget"},"IconWidget"),(0,r.kt)("p",null,"Widget for displaying icons."),(0,r.kt)("h2",{id:"usage"},"Usage"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-tsx"},'import { FlexWidget, IconWidget } from \'react-native-android-widget\';\n\nexport function MyWidget() {\n return (\n \n \n );\n}\n')),(0,r.kt)("h2",{id:"fonts"},"Fonts"),(0,r.kt)("p",null,"Icon widget supports custom fonts, but we must provide the font file."),(0,r.kt)("h3",{id:"bare-react-native"},"Bare React Native"),(0,r.kt)("p",null,"To use a custom icon font in bare React Native app we must copy the font file(s) to ",(0,r.kt)("inlineCode",{parentName:"p"},"android/app/src/main/assets/fonts"),". The ",(0,r.kt)("inlineCode",{parentName:"p"},"font")," prop will match the file by name."),(0,r.kt)("p",null,"For example, ",(0,r.kt)("inlineCode",{parentName:"p"},"android/app/src/main/assets/fonts/material.ttf")),(0,r.kt)("h3",{id:"expo"},"Expo"),(0,r.kt)("p",null,"To use a custom font in an Expo app, we can add them in the assets directory."),(0,r.kt)("p",null,"For example, ",(0,r.kt)("inlineCode",{parentName:"p"},"assets/fonts/material.ttf")),(0,r.kt)("p",null,"Then, when using the config plugin we must provide a list of all the custom fonts we need."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-ts"},"export default ({ config }: ConfigContext): ExpoConfig => ({\n ...config,\n name: 'My Expo App Name',\n plugins: [\n ['react-native-android-widget', {\n fonts: ['./assets/fonts/material.ttf'],\n widgets: [...],\n }]\n ],\n});\n")),(0,r.kt)("h2",{id:"props"},"Props"),(0,r.kt)("p",null,"Check the props in the ",(0,r.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/IconWidgetProps"},"Public API")," documentation"))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/d5b87c6b.06308e0d.js b/assets/js/d5b87c6b.06308e0d.js new file mode 100644 index 0000000..aba8d8d --- /dev/null +++ b/assets/js/d5b87c6b.06308e0d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[2386],{4768:(e,r,i)=>{i.r(r),i.d(r,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>t,metadata:()=>o,toc:()=>h});var n=i(5893),d=i(1151);const t={id:"ListWidgetStyle",title:"Interface: ListWidgetStyle",sidebar_label:"ListWidgetStyle",sidebar_position:0,custom_edit_url:null},l=void 0,o={id:"public-api/interfaces/ListWidgetStyle",title:"Interface: ListWidgetStyle",description:"Hierarchy",source:"@site/docs/public-api/interfaces/ListWidgetStyle.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ListWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ListWidgetStyle",title:"Interface: ListWidgetStyle",sidebar_label:"ListWidgetStyle",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ListWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps"},next:{title:"MarginStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"}},c={},h=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-21",level:4}];function s(e){const r={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,d.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,n.jsxs)(r.ul,{children:["\n",(0,n.jsxs)(r.li,{children:["\n",(0,n.jsx)(r.p,{children:(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:(0,n.jsx)(r.code,{children:"MarginStyleProps"})})}),"\n"]}),"\n",(0,n.jsxs)(r.li,{children:["\n",(0,n.jsx)(r.p,{children:(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",children:(0,n.jsx)(r.code,{children:"SizeStyleProps"})})}),"\n"]}),"\n",(0,n.jsxs)(r.li,{children:["\n",(0,n.jsx)(r.p,{children:(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps",children:(0,n.jsx)(r.code,{children:"BackgroundStyleProps"})})}),"\n"]}),"\n",(0,n.jsxs)(r.li,{children:["\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.code,{children:"Omit"}),"<",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",children:(0,n.jsx)(r.code,{children:"BorderStyleProps"})}),", `${string}Radius`>"]}),"\n",(0,n.jsxs)(r.p,{children:["\u21b3 ",(0,n.jsx)(r.strong,{children:(0,n.jsx)(r.code,{children:"ListWidgetStyle"})})]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(r.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsx)(r.h3,{id:"margin",children:"margin"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"margin"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#margin",children:"margin"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginhorizontal",children:"marginHorizontal"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginHorizontal"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginhorizontal",children:"marginHorizontal"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginvertical",children:"marginVertical"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginVertical"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-2",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginvertical",children:"marginVertical"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"margintop",children:"marginTop"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginTop"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-3",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#margintop",children:"marginTop"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginbottom",children:"marginBottom"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginBottom"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-4",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginbottom",children:"marginBottom"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginleft",children:"marginLeft"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginLeft"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-5",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginleft",children:"marginLeft"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"marginright",children:"marginRight"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"marginRight"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-6",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",children:"MarginStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginright",children:"marginRight"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"height",children:"height"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"height"}),": ",(0,n.jsx)(r.code,{children:"number"})," | ",(0,n.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,n.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-7",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",children:"SizeStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps#height",children:"height"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"width",children:"width"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"width"}),": ",(0,n.jsx)(r.code,{children:"number"})," | ",(0,n.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,n.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-8",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",children:"SizeStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps#width",children:"width"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"backgroundcolor",children:"backgroundColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"backgroundColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-9",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps",children:"BackgroundStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps#backgroundcolor",children:"backgroundColor"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"backgroundgradient",children:"backgroundGradient"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"backgroundGradient"}),": ",(0,n.jsx)(r.code,{children:"Object"})]}),"\n",(0,n.jsx)(r.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,n.jsxs)(r.table,{children:[(0,n.jsx)(r.thead,{children:(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.th,{style:{textAlign:"left"},children:"Name"}),(0,n.jsx)(r.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,n.jsxs)(r.tbody,{children:[(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"from"})}),(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.a,{href:"../#colorprop",children:(0,n.jsx)(r.code,{children:"ColorProp"})})})]}),(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"to"})}),(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.a,{href:"../#colorprop",children:(0,n.jsx)(r.code,{children:"ColorProp"})})})]}),(0,n.jsxs)(r.tr,{children:[(0,n.jsx)(r.td,{style:{textAlign:"left"},children:(0,n.jsx)(r.code,{children:"orientation"})}),(0,n.jsxs)(r.td,{style:{textAlign:"left"},children:[(0,n.jsx)(r.code,{children:'"TOP_BOTTOM"'})," | ",(0,n.jsx)(r.code,{children:'"TR_BL"'})," | ",(0,n.jsx)(r.code,{children:'"RIGHT_LEFT"'})," | ",(0,n.jsx)(r.code,{children:'"BR_TL"'})," | ",(0,n.jsx)(r.code,{children:'"BOTTOM_TOP"'})," | ",(0,n.jsx)(r.code,{children:'"BL_TR"'})," | ",(0,n.jsx)(r.code,{children:'"LEFT_RIGHT"'})," | ",(0,n.jsx)(r.code,{children:'"TL_BR"'})]})]})]})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-10",children:"Inherited from"}),"\n",(0,n.jsxs)(r.p,{children:[(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps",children:"BackgroundStyleProps"}),".",(0,n.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps#backgroundgradient",children:"backgroundGradient"})]}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomcolor",children:"borderBottomColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-11",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderBottomColor"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderleftcolor",children:"borderLeftColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderLeftColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-12",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderLeftColor"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderrightcolor",children:"borderRightColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderRightColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-13",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderRightColor"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderstyle",children:"borderStyle"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderStyle"}),": ",(0,n.jsx)(r.code,{children:'"solid"'})," | ",(0,n.jsx)(r.code,{children:'"dotted"'})," | ",(0,n.jsx)(r.code,{children:'"dashed"'})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-14",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderStyle"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertopcolor",children:"borderTopColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-15",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderTopColor"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderbottomwidth",children:"borderBottomWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderBottomWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-16",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderBottomWidth"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderrightwidth",children:"borderRightWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderRightWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-17",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderRightWidth"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderwidth",children:"borderWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-18",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderWidth"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"borderleftwidth",children:"borderLeftWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderLeftWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-19",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderLeftWidth"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordertopwidth",children:"borderTopWidth"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderTopWidth"}),": ",(0,n.jsx)(r.code,{children:"number"})]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-20",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderTopWidth"}),"\n",(0,n.jsx)(r.hr,{}),"\n",(0,n.jsx)(r.h3,{id:"bordercolor",children:"borderColor"}),"\n",(0,n.jsxs)(r.p,{children:["\u2022 ",(0,n.jsx)(r.code,{children:"Optional"})," ",(0,n.jsx)(r.strong,{children:"borderColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,n.jsx)(r.h4,{id:"inherited-from-21",children:"Inherited from"}),"\n",(0,n.jsx)(r.p,{children:"Omit.borderColor"})]})}function a(e={}){const{wrapper:r}={...(0,d.a)(),...e.components};return r?(0,n.jsx)(r,{...e,children:(0,n.jsx)(s,{...e})}):s(e)}},1151:(e,r,i)=>{i.d(r,{Z:()=>o,a:()=>l});var n=i(7294);const d={},t=n.createContext(d);function l(e){const r=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(r):{...r,...e}}),[r,e])}function o(e){let r;return r=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:l(e.components),n.createElement(t.Provider,{value:r},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/d5b87c6b.3de748be.js b/assets/js/d5b87c6b.3de748be.js deleted file mode 100644 index dcc7c92..0000000 --- a/assets/js/d5b87c6b.3de748be.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[2386],{3905:(e,t,r)=>{r.d(t,{Zo:()=>m,kt:()=>c});var i=r(7294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function o(e){for(var t=1;t\n =0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var d=i.createContext({}),p=function(e){var t=i.useContext(d),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},m=function(e){var t=p(e.components);return i.createElement(d.Provider,{value:t},e.children)},k={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},h=i.forwardRef((function(e,t){var r=e.components,n=e.mdxType,a=e.originalType,d=e.parentName,m=l(e,["components","mdxType","originalType","parentName"]),h=p(r),c=n,u=h["".concat(d,".").concat(c)]||h[c]||k[c]||a;return r?i.createElement(u,o(o({ref:t},m),{},{components:r})):i.createElement(u,o({ref:t},m))}));function c(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var a=r.length,o=new Array(a);o[0]=h;var l={};for(var d in t)hasOwnProperty.call(t,d)&&(l[d]=t[d]);l.originalType=e,l.mdxType="string"==typeof e?e:n,o[1]=l;for(var p=2;p{r.r(t),r.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>k,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var i=r(7462),n=(r(7294),r(3905));const a={id:"ListWidgetStyle",title:"Interface: ListWidgetStyle",sidebar_label:"ListWidgetStyle",sidebar_position:0,custom_edit_url:null},o=void 0,l={unversionedId:"public-api/interfaces/ListWidgetStyle",id:"public-api/interfaces/ListWidgetStyle",title:"Interface: ListWidgetStyle",description:"Hierarchy",source:"@site/docs/public-api/interfaces/ListWidgetStyle.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ListWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ListWidgetStyle",title:"Interface: ListWidgetStyle",sidebar_label:"ListWidgetStyle",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ListWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps"},next:{title:"MarginStyleProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"}},d={},p=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-21",level:4}],m={toc:p};function k(e){let{components:t,...r}=e;return(0,n.kt)("wrapper",(0,i.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},(0,n.kt)("inlineCode",{parentName:"a"},"MarginStyleProps")))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"},(0,n.kt)("inlineCode",{parentName:"a"},"SizeStyleProps")))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"},(0,n.kt)("inlineCode",{parentName:"a"},"BackgroundStyleProps")))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Omit"),"<",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps"},(0,n.kt)("inlineCode",{parentName:"a"},"BorderStyleProps")),", ","`","${string}Radius","`",">"),(0,n.kt)("p",{parentName:"li"},"\u21b3 ",(0,n.kt)("strong",{parentName:"p"},(0,n.kt)("inlineCode",{parentName:"strong"},"ListWidgetStyle"))))),(0,n.kt)("h2",{id:"properties"},"Properties"),(0,n.kt)("h3",{id:"margin"},"margin"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"margin"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#margin"},"margin")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginhorizontal"},"marginHorizontal"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginHorizontal"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginhorizontal"},"marginHorizontal")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginvertical"},"marginVertical"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginVertical"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-2"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginvertical"},"marginVertical")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"margintop"},"marginTop"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginTop"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-3"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#margintop"},"marginTop")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginbottom"},"marginBottom"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginBottom"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-4"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginbottom"},"marginBottom")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginleft"},"marginLeft"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginLeft"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-5"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginleft"},"marginLeft")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginright"},"marginRight"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginRight"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-6"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps"},"MarginStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps#marginright"},"marginRight")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"height"},"height"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"height"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,n.kt)("h4",{id:"inherited-from-7"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"},"SizeStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps#height"},"height")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"width"},"width"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"width"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,n.kt)("h4",{id:"inherited-from-8"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps"},"SizeStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps#width"},"width")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"backgroundcolor"},"backgroundColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"backgroundColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-9"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"},"BackgroundStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps#backgroundcolor"},"backgroundColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"backgroundgradient"},"backgroundGradient"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"backgroundGradient"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"Object")),(0,n.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"from")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"to")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"orientation")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},'"TOP_BOTTOM"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"TR_BL"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"RIGHT_LEFT"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"BR_TL"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"BOTTOM_TOP"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"BL_TR"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"LEFT_RIGHT"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"TL_BR"'))))),(0,n.kt)("h4",{id:"inherited-from-10"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps"},"BackgroundStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps#backgroundgradient"},"backgroundGradient")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomcolor"},"borderBottomColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-11"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderBottomColor"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderleftcolor"},"borderLeftColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderLeftColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-12"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderLeftColor"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderrightcolor"},"borderRightColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRightColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-13"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderRightColor"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderstyle"},"borderStyle"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderStyle"),": ",(0,n.kt)("inlineCode",{parentName:"p"},'"solid"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"dotted"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"dashed"')),(0,n.kt)("h4",{id:"inherited-from-14"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderStyle"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopcolor"},"borderTopColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-15"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderTopColor"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomwidth"},"borderBottomWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-16"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderBottomWidth"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderrightwidth"},"borderRightWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRightWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-17"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderRightWidth"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderwidth"},"borderWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-18"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderWidth"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderleftwidth"},"borderLeftWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderLeftWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-19"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderLeftWidth"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopwidth"},"borderTopWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-20"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderTopWidth"),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordercolor"},"borderColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-21"},"Inherited from"),(0,n.kt)("p",null,"Omit.borderColor"))}k.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/e73c34ba.0d8be8ea.js b/assets/js/e73c34ba.0d8be8ea.js new file mode 100644 index 0000000..287417e --- /dev/null +++ b/assets/js/e73c34ba.0d8be8ea.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[924],{9202:(e,r,i)=>{i.r(r),i.d(r,{assets:()=>s,contentTitle:()=>t,default:()=>h,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var d=i(5893),n=i(1151);const o={id:"IconWidgetStyle",title:"Interface: IconWidgetStyle",sidebar_label:"IconWidgetStyle",sidebar_position:0,custom_edit_url:null},t=void 0,l={id:"public-api/interfaces/IconWidgetStyle",title:"Interface: IconWidgetStyle",description:"Hierarchy",source:"@site/docs/public-api/interfaces/IconWidgetStyle.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/IconWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"IconWidgetStyle",title:"Interface: IconWidgetStyle",sidebar_label:"IconWidgetStyle",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"IconWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps"},next:{title:"ImageWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps"}},s={},c=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"color",id:"color",level:3},{value:"adjustsFontSizeToFit",id:"adjustsfontsizetofit",level:3},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"padding",id:"padding",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"paddingTop",id:"paddingtop",level:3},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"paddingLeft",id:"paddingleft",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"paddingRight",id:"paddingright",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-21",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-22",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-23",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-24",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-25",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-26",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-27",level:4},{value:"borderRadius",id:"borderradius",level:3},{value:"Inherited from",id:"inherited-from-28",level:4},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"Inherited from",id:"inherited-from-29",level:4},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"Inherited from",id:"inherited-from-30",level:4},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"Inherited from",id:"inherited-from-31",level:4},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"Inherited from",id:"inherited-from-32",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-33",level:4},{value:"rotation",id:"rotation",level:3},{value:"Inherited from",id:"inherited-from-34",level:4}];function a(e){const r={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",hr:"hr",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,n.a)(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r.h2,{id:"hierarchy",children:"Hierarchy"}),"\n",(0,d.jsxs)(r.ul,{children:["\n",(0,d.jsxs)(r.li,{children:["\n",(0,d.jsx)(r.p,{children:(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:(0,d.jsx)(r.code,{children:"CommonStyleProps"})})}),"\n",(0,d.jsxs)(r.p,{children:["\u21b3 ",(0,d.jsx)(r.strong,{children:(0,d.jsx)(r.code,{children:"IconWidgetStyle"})})]}),"\n"]}),"\n"]}),"\n",(0,d.jsx)(r.h2,{id:"properties",children:"Properties"}),"\n",(0,d.jsx)(r.h3,{id:"color",children:"color"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"color"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"adjustsfontsizetofit",children:"adjustsFontSizeToFit"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"adjustsFontSizeToFit"}),": ",(0,d.jsx)(r.code,{children:"boolean"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"margin",children:"margin"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"margin"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margin",children:"margin"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginhorizontal",children:"marginHorizontal"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginHorizontal"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-1",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginhorizontal",children:"marginHorizontal"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginvertical",children:"marginVertical"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginVertical"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-2",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginvertical",children:"marginVertical"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"margintop",children:"marginTop"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginTop"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-3",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margintop",children:"marginTop"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginbottom",children:"marginBottom"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginBottom"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-4",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginbottom",children:"marginBottom"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginleft",children:"marginLeft"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginLeft"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-5",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginleft",children:"marginLeft"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"marginright",children:"marginRight"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"marginRight"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-6",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginright",children:"marginRight"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"padding",children:"padding"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"padding"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-7",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#padding",children:"padding"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddinghorizontal",children:"paddingHorizontal"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingHorizontal"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-8",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddinghorizontal",children:"paddingHorizontal"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingvertical",children:"paddingVertical"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingVertical"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-9",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingvertical",children:"paddingVertical"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingtop",children:"paddingTop"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingTop"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-10",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingtop",children:"paddingTop"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingbottom",children:"paddingBottom"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingBottom"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-11",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingbottom",children:"paddingBottom"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingleft",children:"paddingLeft"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingLeft"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-12",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingleft",children:"paddingLeft"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"paddingright",children:"paddingRight"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"paddingRight"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-13",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingright",children:"paddingRight"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"height",children:"height"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"height"}),": ",(0,d.jsx)(r.code,{children:"number"})," | ",(0,d.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,d.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-14",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#height",children:"height"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"width",children:"width"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"width"}),": ",(0,d.jsx)(r.code,{children:"number"})," | ",(0,d.jsx)(r.code,{children:'"wrap_content"'})," | ",(0,d.jsx)(r.code,{children:'"match_parent"'})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-15",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#width",children:"width"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"backgroundcolor",children:"backgroundColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"backgroundColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-16",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundcolor",children:"backgroundColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"backgroundgradient",children:"backgroundGradient"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"backgroundGradient"}),": ",(0,d.jsx)(r.code,{children:"Object"})]}),"\n",(0,d.jsx)(r.h4,{id:"type-declaration",children:"Type declaration"}),"\n",(0,d.jsxs)(r.table,{children:[(0,d.jsx)(r.thead,{children:(0,d.jsxs)(r.tr,{children:[(0,d.jsx)(r.th,{style:{textAlign:"left"},children:"Name"}),(0,d.jsx)(r.th,{style:{textAlign:"left"},children:"Type"})]})}),(0,d.jsxs)(r.tbody,{children:[(0,d.jsxs)(r.tr,{children:[(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.code,{children:"from"})}),(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.a,{href:"../#colorprop",children:(0,d.jsx)(r.code,{children:"ColorProp"})})})]}),(0,d.jsxs)(r.tr,{children:[(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.code,{children:"to"})}),(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.a,{href:"../#colorprop",children:(0,d.jsx)(r.code,{children:"ColorProp"})})})]}),(0,d.jsxs)(r.tr,{children:[(0,d.jsx)(r.td,{style:{textAlign:"left"},children:(0,d.jsx)(r.code,{children:"orientation"})}),(0,d.jsxs)(r.td,{style:{textAlign:"left"},children:[(0,d.jsx)(r.code,{children:'"TOP_BOTTOM"'})," | ",(0,d.jsx)(r.code,{children:'"TR_BL"'})," | ",(0,d.jsx)(r.code,{children:'"RIGHT_LEFT"'})," | ",(0,d.jsx)(r.code,{children:'"BR_TL"'})," | ",(0,d.jsx)(r.code,{children:'"BOTTOM_TOP"'})," | ",(0,d.jsx)(r.code,{children:'"BL_TR"'})," | ",(0,d.jsx)(r.code,{children:'"LEFT_RIGHT"'})," | ",(0,d.jsx)(r.code,{children:'"TL_BR"'})]})]})]})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-17",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundgradient",children:"backgroundGradient"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderwidth",children:"borderWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-18",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderwidth",children:"borderWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordertopwidth",children:"borderTopWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderTopWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-19",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopwidth",children:"borderTopWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderbottomwidth",children:"borderBottomWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderBottomWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-20",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomwidth",children:"borderBottomWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderleftwidth",children:"borderLeftWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderLeftWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-21",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftwidth",children:"borderLeftWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderrightwidth",children:"borderRightWidth"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderRightWidth"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-22",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightwidth",children:"borderRightWidth"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordercolor",children:"borderColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-23",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordercolor",children:"borderColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordertopcolor",children:"borderTopColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderTopColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-24",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopcolor",children:"borderTopColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderbottomcolor",children:"borderBottomColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderBottomColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-25",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomcolor",children:"borderBottomColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderleftcolor",children:"borderLeftColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderLeftColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-26",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftcolor",children:"borderLeftColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderrightcolor",children:"borderRightColor"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderRightColor"}),": `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`"]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-27",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightcolor",children:"borderRightColor"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderradius",children:"borderRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-28",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderradius",children:"borderRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordertopleftradius",children:"borderTopLeftRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderTopLeftRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-29",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopleftradius",children:"borderTopLeftRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"bordertoprightradius",children:"borderTopRightRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderTopRightRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-30",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertoprightradius",children:"borderTopRightRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderbottomleftradius",children:"borderBottomLeftRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderBottomLeftRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-31",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomleftradius",children:"borderBottomLeftRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderbottomrightradius",children:"borderBottomRightRadius"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderBottomRightRadius"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-32",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomrightradius",children:"borderBottomRightRadius"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"borderstyle",children:"borderStyle"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"borderStyle"}),": ",(0,d.jsx)(r.code,{children:'"solid"'})," | ",(0,d.jsx)(r.code,{children:'"dotted"'})," | ",(0,d.jsx)(r.code,{children:'"dashed"'})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-33",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderstyle",children:"borderStyle"})]}),"\n",(0,d.jsx)(r.hr,{}),"\n",(0,d.jsx)(r.h3,{id:"rotation",children:"rotation"}),"\n",(0,d.jsxs)(r.p,{children:["\u2022 ",(0,d.jsx)(r.code,{children:"Optional"})," ",(0,d.jsx)(r.strong,{children:"rotation"}),": ",(0,d.jsx)(r.code,{children:"number"})]}),"\n",(0,d.jsx)(r.h4,{id:"inherited-from-34",children:"Inherited from"}),"\n",(0,d.jsxs)(r.p,{children:[(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",children:"CommonStyleProps"}),".",(0,d.jsx)(r.a,{href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#rotation",children:"rotation"})]})]})}function h(e={}){const{wrapper:r}={...(0,n.a)(),...e.components};return r?(0,d.jsx)(r,{...e,children:(0,d.jsx)(a,{...e})}):a(e)}},1151:(e,r,i)=>{i.d(r,{Z:()=>l,a:()=>t});var d=i(7294);const n={},o=d.createContext(n);function t(e){const r=d.useContext(o);return d.useMemo((function(){return"function"==typeof e?e(r):{...r,...e}}),[r,e])}function l(e){let r;return r=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:t(e.components),d.createElement(o.Provider,{value:r},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/e73c34ba.63cab1af.js b/assets/js/e73c34ba.63cab1af.js deleted file mode 100644 index c874b26..0000000 --- a/assets/js/e73c34ba.63cab1af.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[924],{3905:(e,t,r)=>{r.d(t,{Zo:()=>m,kt:()=>k});var i=r(7294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function a(e){for(var t=1;t =0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var l=i.createContext({}),p=function(e){var t=i.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):a(a({},t),e)),r},m=function(e){var t=p(e.components);return i.createElement(l.Provider,{value:t},e.children)},c={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},h=i.forwardRef((function(e,t){var r=e.components,n=e.mdxType,o=e.originalType,l=e.parentName,m=d(e,["components","mdxType","originalType","parentName"]),h=p(r),k=n,s=h["".concat(l,".").concat(k)]||h[k]||c[k]||o;return r?i.createElement(s,a(a({ref:t},m),{},{components:r})):i.createElement(s,a({ref:t},m))}));function k(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var o=r.length,a=new Array(o);a[0]=h;var d={};for(var l in t)hasOwnProperty.call(t,l)&&(d[l]=t[l]);d.originalType=e,d.mdxType="string"==typeof e?e:n,a[1]=d;for(var p=2;p {r.r(t),r.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>c,frontMatter:()=>o,metadata:()=>d,toc:()=>p});var i=r(7462),n=(r(7294),r(3905));const o={id:"IconWidgetStyle",title:"Interface: IconWidgetStyle",sidebar_label:"IconWidgetStyle",sidebar_position:0,custom_edit_url:null},a=void 0,d={unversionedId:"public-api/interfaces/IconWidgetStyle",id:"public-api/interfaces/IconWidgetStyle",title:"Interface: IconWidgetStyle",description:"Hierarchy",source:"@site/docs/public-api/interfaces/IconWidgetStyle.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/IconWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"IconWidgetStyle",title:"Interface: IconWidgetStyle",sidebar_label:"IconWidgetStyle",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"IconWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps"},next:{title:"ImageWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps"}},l={},p=[{value:"Hierarchy",id:"hierarchy",level:2},{value:"Properties",id:"properties",level:2},{value:"color",id:"color",level:3},{value:"adjustsFontSizeToFit",id:"adjustsfontsizetofit",level:3},{value:"margin",id:"margin",level:3},{value:"Inherited from",id:"inherited-from",level:4},{value:"marginHorizontal",id:"marginhorizontal",level:3},{value:"Inherited from",id:"inherited-from-1",level:4},{value:"marginVertical",id:"marginvertical",level:3},{value:"Inherited from",id:"inherited-from-2",level:4},{value:"marginTop",id:"margintop",level:3},{value:"Inherited from",id:"inherited-from-3",level:4},{value:"marginBottom",id:"marginbottom",level:3},{value:"Inherited from",id:"inherited-from-4",level:4},{value:"marginLeft",id:"marginleft",level:3},{value:"Inherited from",id:"inherited-from-5",level:4},{value:"marginRight",id:"marginright",level:3},{value:"Inherited from",id:"inherited-from-6",level:4},{value:"padding",id:"padding",level:3},{value:"Inherited from",id:"inherited-from-7",level:4},{value:"paddingHorizontal",id:"paddinghorizontal",level:3},{value:"Inherited from",id:"inherited-from-8",level:4},{value:"paddingVertical",id:"paddingvertical",level:3},{value:"Inherited from",id:"inherited-from-9",level:4},{value:"paddingTop",id:"paddingtop",level:3},{value:"Inherited from",id:"inherited-from-10",level:4},{value:"paddingBottom",id:"paddingbottom",level:3},{value:"Inherited from",id:"inherited-from-11",level:4},{value:"paddingLeft",id:"paddingleft",level:3},{value:"Inherited from",id:"inherited-from-12",level:4},{value:"paddingRight",id:"paddingright",level:3},{value:"Inherited from",id:"inherited-from-13",level:4},{value:"height",id:"height",level:3},{value:"Inherited from",id:"inherited-from-14",level:4},{value:"width",id:"width",level:3},{value:"Inherited from",id:"inherited-from-15",level:4},{value:"backgroundColor",id:"backgroundcolor",level:3},{value:"Inherited from",id:"inherited-from-16",level:4},{value:"backgroundGradient",id:"backgroundgradient",level:3},{value:"Type declaration",id:"type-declaration",level:4},{value:"Inherited from",id:"inherited-from-17",level:4},{value:"borderWidth",id:"borderwidth",level:3},{value:"Inherited from",id:"inherited-from-18",level:4},{value:"borderTopWidth",id:"bordertopwidth",level:3},{value:"Inherited from",id:"inherited-from-19",level:4},{value:"borderBottomWidth",id:"borderbottomwidth",level:3},{value:"Inherited from",id:"inherited-from-20",level:4},{value:"borderLeftWidth",id:"borderleftwidth",level:3},{value:"Inherited from",id:"inherited-from-21",level:4},{value:"borderRightWidth",id:"borderrightwidth",level:3},{value:"Inherited from",id:"inherited-from-22",level:4},{value:"borderColor",id:"bordercolor",level:3},{value:"Inherited from",id:"inherited-from-23",level:4},{value:"borderTopColor",id:"bordertopcolor",level:3},{value:"Inherited from",id:"inherited-from-24",level:4},{value:"borderBottomColor",id:"borderbottomcolor",level:3},{value:"Inherited from",id:"inherited-from-25",level:4},{value:"borderLeftColor",id:"borderleftcolor",level:3},{value:"Inherited from",id:"inherited-from-26",level:4},{value:"borderRightColor",id:"borderrightcolor",level:3},{value:"Inherited from",id:"inherited-from-27",level:4},{value:"borderRadius",id:"borderradius",level:3},{value:"Inherited from",id:"inherited-from-28",level:4},{value:"borderTopLeftRadius",id:"bordertopleftradius",level:3},{value:"Inherited from",id:"inherited-from-29",level:4},{value:"borderTopRightRadius",id:"bordertoprightradius",level:3},{value:"Inherited from",id:"inherited-from-30",level:4},{value:"borderBottomLeftRadius",id:"borderbottomleftradius",level:3},{value:"Inherited from",id:"inherited-from-31",level:4},{value:"borderBottomRightRadius",id:"borderbottomrightradius",level:3},{value:"Inherited from",id:"inherited-from-32",level:4},{value:"borderStyle",id:"borderstyle",level:3},{value:"Inherited from",id:"inherited-from-33",level:4},{value:"rotation",id:"rotation",level:3},{value:"Inherited from",id:"inherited-from-34",level:4}],m={toc:p};function c(e){let{components:t,...r}=e;return(0,n.kt)("wrapper",(0,i.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h2",{id:"hierarchy"},"Hierarchy"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},(0,n.kt)("inlineCode",{parentName:"a"},"CommonStyleProps"))),(0,n.kt)("p",{parentName:"li"},"\u21b3 ",(0,n.kt)("strong",{parentName:"p"},(0,n.kt)("inlineCode",{parentName:"strong"},"IconWidgetStyle"))))),(0,n.kt)("h2",{id:"properties"},"Properties"),(0,n.kt)("h3",{id:"color"},"color"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"color"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"adjustsfontsizetofit"},"adjustsFontSizeToFit"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"adjustsFontSizeToFit"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"boolean")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"margin"},"margin"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"margin"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margin"},"margin")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginhorizontal"},"marginHorizontal"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginHorizontal"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-1"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginhorizontal"},"marginHorizontal")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginvertical"},"marginVertical"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginVertical"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-2"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginvertical"},"marginVertical")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"margintop"},"marginTop"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginTop"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-3"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#margintop"},"marginTop")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginbottom"},"marginBottom"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginBottom"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-4"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginbottom"},"marginBottom")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginleft"},"marginLeft"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginLeft"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-5"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginleft"},"marginLeft")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"marginright"},"marginRight"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"marginRight"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-6"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#marginright"},"marginRight")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"padding"},"padding"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"padding"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-7"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#padding"},"padding")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddinghorizontal"},"paddingHorizontal"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingHorizontal"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-8"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddinghorizontal"},"paddingHorizontal")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingvertical"},"paddingVertical"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingVertical"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-9"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingvertical"},"paddingVertical")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingtop"},"paddingTop"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingTop"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-10"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingtop"},"paddingTop")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingbottom"},"paddingBottom"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingBottom"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-11"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingbottom"},"paddingBottom")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingleft"},"paddingLeft"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingLeft"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-12"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingleft"},"paddingLeft")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"paddingright"},"paddingRight"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"paddingRight"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-13"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#paddingright"},"paddingRight")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"height"},"height"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"height"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,n.kt)("h4",{id:"inherited-from-14"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#height"},"height")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"width"},"width"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"width"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"wrap_content"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"match_parent"')),(0,n.kt)("h4",{id:"inherited-from-15"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#width"},"width")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"backgroundcolor"},"backgroundColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"backgroundColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-16"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundcolor"},"backgroundColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"backgroundgradient"},"backgroundGradient"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"backgroundGradient"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"Object")),(0,n.kt)("h4",{id:"type-declaration"},"Type declaration"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"from")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"to")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("a",{parentName:"td",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp")))),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"orientation")),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},'"TOP_BOTTOM"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"TR_BL"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"RIGHT_LEFT"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"BR_TL"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"BOTTOM_TOP"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"BL_TR"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"LEFT_RIGHT"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"td"},'"TL_BR"'))))),(0,n.kt)("h4",{id:"inherited-from-17"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#backgroundgradient"},"backgroundGradient")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderwidth"},"borderWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-18"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderwidth"},"borderWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopwidth"},"borderTopWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-19"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopwidth"},"borderTopWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomwidth"},"borderBottomWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-20"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomwidth"},"borderBottomWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderleftwidth"},"borderLeftWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderLeftWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-21"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftwidth"},"borderLeftWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderrightwidth"},"borderRightWidth"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRightWidth"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-22"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightwidth"},"borderRightWidth")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordercolor"},"borderColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-23"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordercolor"},"borderColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopcolor"},"borderTopColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-24"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopcolor"},"borderTopColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomcolor"},"borderBottomColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-25"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomcolor"},"borderBottomColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderleftcolor"},"borderLeftColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderLeftColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-26"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderleftcolor"},"borderLeftColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderrightcolor"},"borderRightColor"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRightColor"),": ",(0,n.kt)("a",{parentName:"p",href:"../#colorprop"},(0,n.kt)("inlineCode",{parentName:"a"},"ColorProp"))),(0,n.kt)("h4",{id:"inherited-from-27"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderrightcolor"},"borderRightColor")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderradius"},"borderRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-28"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderradius"},"borderRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertopleftradius"},"borderTopLeftRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopLeftRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-29"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertopleftradius"},"borderTopLeftRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"bordertoprightradius"},"borderTopRightRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderTopRightRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-30"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#bordertoprightradius"},"borderTopRightRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomleftradius"},"borderBottomLeftRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomLeftRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-31"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomleftradius"},"borderBottomLeftRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderbottomrightradius"},"borderBottomRightRadius"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderBottomRightRadius"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-32"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderbottomrightradius"},"borderBottomRightRadius")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"borderstyle"},"borderStyle"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"borderStyle"),": ",(0,n.kt)("inlineCode",{parentName:"p"},'"solid"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"dotted"')," ","|"," ",(0,n.kt)("inlineCode",{parentName:"p"},'"dashed"')),(0,n.kt)("h4",{id:"inherited-from-33"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#borderstyle"},"borderStyle")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"rotation"},"rotation"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"rotation"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"number")),(0,n.kt)("h4",{id:"inherited-from-34"},"Inherited from"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps"},"CommonStyleProps"),".",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps#rotation"},"rotation")))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/ead7330c.a4cb7251.js b/assets/js/ead7330c.a4cb7251.js deleted file mode 100644 index 9502b02..0000000 --- a/assets/js/ead7330c.a4cb7251.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7655],{3905:(e,t,r)=>{r.d(t,{Zo:()=>d,kt:()=>m});var n=r(7294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t =0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var c=n.createContext({}),l=function(e){var t=n.useContext(c),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},d=function(e){var t=l(e.components);return n.createElement(c.Provider,{value:t},e.children)},u={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},p=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,i=e.originalType,c=e.parentName,d=s(e,["components","mdxType","originalType","parentName"]),p=l(r),m=a,g=p["".concat(c,".").concat(m)]||p[m]||u[m]||i;return r?n.createElement(g,o(o({ref:t},d),{},{components:r})):n.createElement(g,o({ref:t},d))}));function m(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=r.length,o=new Array(i);o[0]=p;var s={};for(var c in t)hasOwnProperty.call(t,c)&&(s[c]=t[c]);s.originalType=e,s.mdxType="string"==typeof e?e:a,o[1]=s;for(var l=2;l{r.r(t),r.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>s,toc:()=>l});var n=r(7462),a=(r(7294),r(3905));const i={sidebar_position:8},o="Congratulations!",s={unversionedId:"tutorial/congratulations",id:"tutorial/congratulations",title:"Congratulations!",description:"You have just learned the basics of react-native-android-widget and created your first widget.",source:"@site/docs/tutorial/congratulations.md",sourceDirName:"tutorial",slug:"/tutorial/congratulations",permalink:"/react-native-android-widget/docs/tutorial/congratulations",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/congratulations.md",tags:[],version:"current",sidebarPosition:8,frontMatter:{sidebar_position:8},sidebar:"default",previous:{title:"Try it out",permalink:"/react-native-android-widget/docs/tutorial/try-it-our"},next:{title:"WidgetPreview",permalink:"/react-native-android-widget/docs/api/widget-preview"}},c={},l=[{value:"What's next?",id:"whats-next",level:2}],d={toc:l};function u(e){let{components:t,...r}=e;return(0,a.kt)("wrapper",(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"congratulations"},"Congratulations!"),(0,a.kt)("p",null,"You have just learned the ",(0,a.kt)("strong",{parentName:"p"},"basics of react-native-android-widget")," and created your ",(0,a.kt)("strong",{parentName:"p"},"first widget"),"."),(0,a.kt)("p",null,"react-native-android-widget has ",(0,a.kt)("strong",{parentName:"p"},"much more to offer"),"!"),(0,a.kt)("p",null,"Anything ",(0,a.kt)("strong",{parentName:"p"},"unclear")," or ",(0,a.kt)("strong",{parentName:"p"},"buggy")," in this tutorial? ",(0,a.kt)("a",{parentName:"p",href:"https://github.com/sAleksovski/react-native-android-widget/issues"},"Please report it!")),(0,a.kt)("h2",{id:"whats-next"},"What's next?"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"Check the widget ",(0,a.kt)("a",{parentName:"li",href:"https://github.com/sAleksovski/react-native-android-widget/tree/master/example/src/widgets"},"examples")),(0,a.kt)("li",{parentName:"ul"},"See the API docs for the widget ",(0,a.kt)("a",{parentName:"li",href:"../primitives/index"},"primitives")),(0,a.kt)("li",{parentName:"ul"},"Learn how to ",(0,a.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/api/request-widget-update"},"update a widget")," once it is added to the home screen"),(0,a.kt)("li",{parentName:"ul"},"Learn about the ",(0,a.kt)("a",{parentName:"li",href:"/react-native-android-widget/docs/limitations"},"limitations"))))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/ead7330c.bea349ed.js b/assets/js/ead7330c.bea349ed.js new file mode 100644 index 0000000..4fd4bd6 --- /dev/null +++ b/assets/js/ead7330c.bea349ed.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7655],{2032:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>a,default:()=>u,frontMatter:()=>s,metadata:()=>o,toc:()=>c});var n=i(5893),r=i(1151);const s={sidebar_position:8},a="Congratulations!",o={id:"tutorial/congratulations",title:"Congratulations!",description:"You have just learned the basics of react-native-android-widget and created your first widget.",source:"@site/docs/tutorial/congratulations.md",sourceDirName:"tutorial",slug:"/tutorial/congratulations",permalink:"/react-native-android-widget/docs/tutorial/congratulations",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/congratulations.md",tags:[],version:"current",sidebarPosition:8,frontMatter:{sidebar_position:8},sidebar:"default",previous:{title:"Try it out",permalink:"/react-native-android-widget/docs/tutorial/try-it-our"},next:{title:"WidgetPreview",permalink:"/react-native-android-widget/docs/api/widget-preview"}},d={},c=[{value:"What's next?",id:"whats-next",level:2}];function l(t){const e={a:"a",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.a)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{id:"congratulations",children:"Congratulations!"}),"\n",(0,n.jsxs)(e.p,{children:["You have just learned the ",(0,n.jsx)(e.strong,{children:"basics of react-native-android-widget"})," and created your ",(0,n.jsx)(e.strong,{children:"first widget"}),"."]}),"\n",(0,n.jsxs)(e.p,{children:["react-native-android-widget has ",(0,n.jsx)(e.strong,{children:"much more to offer"}),"!"]}),"\n",(0,n.jsxs)(e.p,{children:["Anything ",(0,n.jsx)(e.strong,{children:"unclear"})," or ",(0,n.jsx)(e.strong,{children:"buggy"})," in this tutorial? ",(0,n.jsx)(e.a,{href:"https://github.com/sAleksovski/react-native-android-widget/issues",children:"Please report it!"})]}),"\n",(0,n.jsx)(e.h2,{id:"whats-next",children:"What's next?"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:["Check the widget ",(0,n.jsx)(e.a,{href:"https://github.com/sAleksovski/react-native-android-widget/tree/master/example/src/widgets",children:"examples"})]}),"\n",(0,n.jsxs)(e.li,{children:["See the API docs for the widget ",(0,n.jsx)(e.a,{href:"../primitives/index",children:"primitives"})]}),"\n",(0,n.jsxs)(e.li,{children:["Learn how to ",(0,n.jsx)(e.a,{href:"/react-native-android-widget/docs/api/request-widget-update",children:"update a widget"})," once it is added to the home screen"]}),"\n",(0,n.jsxs)(e.li,{children:["Learn about the ",(0,n.jsx)(e.a,{href:"/react-native-android-widget/docs/limitations",children:"limitations"})]}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,r.a)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(l,{...t})}):l(t)}},1151:(t,e,i)=>{i.d(e,{Z:()=>o,a:()=>a});var n=i(7294);const r={},s=n.createContext(r);function a(t){const e=n.useContext(s);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function o(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(r):t.components||r:a(t.components),n.createElement(s.Provider,{value:e},t.children)}}}]); \ No newline at end of file diff --git a/assets/js/ef61de09.15b27fe9.js b/assets/js/ef61de09.15b27fe9.js deleted file mode 100644 index f9c841a..0000000 --- a/assets/js/ef61de09.15b27fe9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7386],{3905:(e,t,n)=>{n.d(t,{Zo:()=>l,kt:()=>m});var r=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t =0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var o=r.createContext({}),p=function(e){var t=r.useContext(o),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},l=function(e){var t=p(e.components);return r.createElement(o.Provider,{value:t},e.children)},g={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},c=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,i=e.originalType,o=e.parentName,l=d(e,["components","mdxType","originalType","parentName"]),c=p(n),m=a,u=c["".concat(o,".").concat(m)]||c[m]||g[m]||i;return n?r.createElement(u,s(s({ref:t},l),{},{components:n})):r.createElement(u,s({ref:t},l))}));function m(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=n.length,s=new Array(i);s[0]=c;var d={};for(var o in t)hasOwnProperty.call(t,o)&&(d[o]=t[o]);d.originalType=e,d.mdxType="string"==typeof e?e:a,s[1]=d;for(var p=2;p{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>s,default:()=>g,frontMatter:()=>i,metadata:()=>d,toc:()=>p});var r=n(7462),a=(n(7294),n(3905));const i={sidebar_position:2},s="registerWidgetTaskHandler",d={unversionedId:"api/register-widget-task-handler",id:"api/register-widget-task-handler",title:"registerWidgetTaskHandler",description:"react-native-android-widget exports a registerWidgetTaskHandler function that can be used to register a task handler that can handle widget click events, widget resize events, widget added events...",source:"@site/docs/api/register-widget-task-handler.md",sourceDirName:"api",slug:"/api/register-widget-task-handler",permalink:"/react-native-android-widget/docs/api/register-widget-task-handler",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/api/register-widget-task-handler.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"default",previous:{title:"WidgetPreview",permalink:"/react-native-android-widget/docs/api/widget-preview"},next:{title:"requestWidgetUpdate",permalink:"/react-native-android-widget/docs/api/request-widget-update"}},o={},p=[{value:"Usage",id:"usage",level:2},{value:"Register widget task handler",id:"register-widget-task-handler",level:2},{value:"Register widget task handler (Expo)",id:"register-widget-task-handler-expo",level:2},{value:"Types",id:"types",level:2}],l={toc:p};function g(e){let{components:t,...n}=e;return(0,a.kt)("wrapper",(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"registerwidgettaskhandler"},"registerWidgetTaskHandler"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"react-native-android-widget")," exports a ",(0,a.kt)("inlineCode",{parentName:"p"},"registerWidgetTaskHandler")," function that can be used to register a task handler that can handle widget click events, widget resize events, widget added events..."),(0,a.kt)("h2",{id:"usage"},"Usage"),(0,a.kt)("p",null,"First, create a task handler function, containing:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="widget-task-handler.tsx"',title:'"widget-task-handler.tsx"'},"import React from 'react';\nimport type { WidgetTaskHandlerProps } from 'react-native-android-widget';\nimport { HelloWidget } from './HelloWidget';\n\nconst nameToWidget = {\n // Hello will be the **name** with which we will reference our widget.\n Hello: HelloWidget,\n};\n\nexport async function widgetTaskHandler(props: WidgetTaskHandlerProps) {\n const widgetInfo = props.widgetInfo;\n const Widget =\n nameToWidget[widgetInfo.widgetName as keyof typeof nameToWidget];\n\n switch (props.widgetAction) {\n case 'WIDGET_ADDED':\n props.renderWidget( );\n break;\n\n case 'WIDGET_UPDATE':\n props.renderWidget( );\n break;\n\n case 'WIDGET_RESIZED':\n props.renderWidget( );\n break;\n\n case 'WIDGET_DELETED':\n // Handle widget deleted (remove widget data if you stored it somewhere)\n break;\n\n case 'WIDGET_CLICK':\n if (props.clickAction === 'play') {\n props.renderWidget( );\n } else {\n props.renderWidget( );\n }\n break;\n\n default:\n break;\n }\n}\n")),(0,a.kt)("p",null,"We use ",(0,a.kt)("inlineCode",{parentName:"p"},"nameToWidget")," to map from the ",(0,a.kt)("strong",{parentName:"p"},"name")," to the component defining the widget (useful if we have multiple widgets). There are other ways to achieve this."),(0,a.kt)("p",null,"This file is also where you can execute regular JS code, include asynchronous operations, such as fetching data from API:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="widget-task-handler.tsx"',title:'"widget-task-handler.tsx"'},"// ...\ncase 'WIDGET_CLICK':\n if (props.clickAction === 'refresh') {\n const data = await fetch('https://example.com/api').then((response) => response.json());\n props.renderWidget( );\n }\n break;\n")),(0,a.kt)("h2",{id:"register-widget-task-handler"},"Register widget task handler"),(0,a.kt)("p",null,"In the main ",(0,a.kt)("inlineCode",{parentName:"p"},"index.js")," (or ",(0,a.kt)("inlineCode",{parentName:"p"},"index.ts"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"index.tsx"),") file for our app, when we register the main component, register the widget task handler."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="index.ts"',title:'"index.ts"'},"import { AppRegistry } from 'react-native';\nimport { registerWidgetTaskHandler } from 'react-native-android-widget';\nimport { name as appName } from './app.json';\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\n\nAppRegistry.registerComponent(appName, () => App);\nregisterWidgetTaskHandler(widgetTaskHandler);\n")),(0,a.kt)("h2",{id:"register-widget-task-handler-expo"},"Register widget task handler (Expo)"),(0,a.kt)("p",null,"If we are using Expo, there is no ",(0,a.kt)("inlineCode",{parentName:"p"},"index.js")," (or ",(0,a.kt)("inlineCode",{parentName:"p"},"index.ts"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"index.tsx"),"), but we can create it."),(0,a.kt)("p",null,"First, update ",(0,a.kt)("inlineCode",{parentName:"p"},"package.json")," main field to point to ",(0,a.kt)("inlineCode",{parentName:"p"},"index.ts")," (or ",(0,a.kt)("inlineCode",{parentName:"p"},".js"),") instead of ",(0,a.kt)("inlineCode",{parentName:"p"},"node_modules/expo/AppEntry.js")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="package.json"',title:'"package.json"'},'{\n "name": "my-expo-app",\n "main": "index.ts",\n ...\n}\n')),(0,a.kt)("p",null,"Create the file, using ",(0,a.kt)("inlineCode",{parentName:"p"},"node_modules/expo/AppEntry.js")," as a template.\nThen import ",(0,a.kt)("inlineCode",{parentName:"p"},"widgetTaskHandler")," and register it."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:'title="index.ts"',title:'"index.ts"'},"import { registerRootComponent } from 'expo';\nimport { registerWidgetTaskHandler } from 'react-native-android-widget';\n\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\n\n// registerRootComponent calls AppRegistry.registerComponent('main', () => App);\n// It also ensures that whether you load the app in Expo Go or in a native build,\n// the environment is set up appropriately\nregisterRootComponent(App);\nregisterWidgetTaskHandler(widgetTaskHandler);\n")),(0,a.kt)("h2",{id:"types"},"Types"),(0,a.kt)("p",null,"Check the types in the ",(0,a.kt)("a",{parentName:"p",href:"/docs/public-api#registerwidgettaskhandler"},"Public API")," documentation"),(0,a.kt)("p",null,"The widget task handler will be called with some properties, described with ",(0,a.kt)("a",{parentName:"p",href:"/docs/public-api/interfaces/WidgetTaskHandlerProps"},"WidgetTaskHandlerProps")))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/ef61de09.8ca3a6aa.js b/assets/js/ef61de09.8ca3a6aa.js new file mode 100644 index 0000000..a2c4be8 --- /dev/null +++ b/assets/js/ef61de09.8ca3a6aa.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[7386],{7640:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>d,toc:()=>l});var i=n(5893),r=n(1151);const s={sidebar_position:2},a="registerWidgetTaskHandler",d={id:"api/register-widget-task-handler",title:"registerWidgetTaskHandler",description:"react-native-android-widget exports a registerWidgetTaskHandler function that can be used to register a task handler that can handle widget click events, widget resize events, widget added events...",source:"@site/docs/api/register-widget-task-handler.md",sourceDirName:"api",slug:"/api/register-widget-task-handler",permalink:"/react-native-android-widget/docs/api/register-widget-task-handler",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/api/register-widget-task-handler.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"default",previous:{title:"WidgetPreview",permalink:"/react-native-android-widget/docs/api/widget-preview"},next:{title:"requestWidgetUpdate",permalink:"/react-native-android-widget/docs/api/request-widget-update"}},o={},l=[{value:"Usage",id:"usage",level:2},{value:"Register widget task handler",id:"register-widget-task-handler",level:2},{value:"Register widget task handler (Expo)",id:"register-widget-task-handler-expo",level:2},{value:"Types",id:"types",level:2}];function c(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...(0,r.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"registerwidgettaskhandler",children:"registerWidgetTaskHandler"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.code,{children:"react-native-android-widget"})," exports a ",(0,i.jsx)(t.code,{children:"registerWidgetTaskHandler"})," function that can be used to register a task handler that can handle widget click events, widget resize events, widget added events..."]}),"\n",(0,i.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(t.p,{children:"First, create a task handler function, containing:"}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-js",metastring:'title="widget-task-handler.tsx"',children:"import React from 'react';\nimport type { WidgetTaskHandlerProps } from 'react-native-android-widget';\nimport { HelloWidget } from './HelloWidget';\n\nconst nameToWidget = {\n // Hello will be the **name** with which we will reference our widget.\n Hello: HelloWidget,\n};\n\nexport async function widgetTaskHandler(props: WidgetTaskHandlerProps) {\n const widgetInfo = props.widgetInfo;\n const Widget =\n nameToWidget[widgetInfo.widgetName as keyof typeof nameToWidget];\n\n switch (props.widgetAction) {\n case 'WIDGET_ADDED':\n props.renderWidget( );\n break;\n\n case 'WIDGET_UPDATE':\n props.renderWidget( );\n break;\n\n case 'WIDGET_RESIZED':\n props.renderWidget( );\n break;\n\n case 'WIDGET_DELETED':\n // Handle widget deleted (remove widget data if you stored it somewhere)\n break;\n\n case 'WIDGET_CLICK':\n if (props.clickAction === 'play') {\n props.renderWidget( );\n } else {\n props.renderWidget( );\n }\n break;\n\n default:\n break;\n }\n}\n"})}),"\n",(0,i.jsxs)(t.p,{children:["We use ",(0,i.jsx)(t.code,{children:"nameToWidget"})," to map from the ",(0,i.jsx)(t.strong,{children:"name"})," to the component defining the widget (useful if we have multiple widgets). There are other ways to achieve this."]}),"\n",(0,i.jsx)(t.p,{children:"This file is also where you can execute regular JS code, include asynchronous operations, such as fetching data from API:"}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-js",metastring:'title="widget-task-handler.tsx"',children:"// ...\ncase 'WIDGET_CLICK':\n if (props.clickAction === 'refresh') {\n const data = await fetch('https://example.com/api').then((response) => response.json());\n props.renderWidget( );\n }\n break;\n"})}),"\n",(0,i.jsx)(t.h2,{id:"register-widget-task-handler",children:"Register widget task handler"}),"\n",(0,i.jsxs)(t.p,{children:["In the main ",(0,i.jsx)(t.code,{children:"index.js"})," (or ",(0,i.jsx)(t.code,{children:"index.ts"}),", ",(0,i.jsx)(t.code,{children:"index.tsx"}),") file for our app, when we register the main component, register the widget task handler."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-js",metastring:'title="index.ts"',children:"import { AppRegistry } from 'react-native';\nimport { registerWidgetTaskHandler } from 'react-native-android-widget';\nimport { name as appName } from './app.json';\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\n\nAppRegistry.registerComponent(appName, () => App);\nregisterWidgetTaskHandler(widgetTaskHandler);\n"})}),"\n",(0,i.jsx)(t.h2,{id:"register-widget-task-handler-expo",children:"Register widget task handler (Expo)"}),"\n",(0,i.jsxs)(t.p,{children:["If we are using Expo, there is no ",(0,i.jsx)(t.code,{children:"index.js"})," (or ",(0,i.jsx)(t.code,{children:"index.ts"}),", ",(0,i.jsx)(t.code,{children:"index.tsx"}),"), but we can create it."]}),"\n",(0,i.jsxs)(t.p,{children:["First, update ",(0,i.jsx)(t.code,{children:"package.json"})," main field to point to ",(0,i.jsx)(t.code,{children:"index.ts"})," (or ",(0,i.jsx)(t.code,{children:".js"}),") instead of ",(0,i.jsx)(t.code,{children:"node_modules/expo/AppEntry.js"})]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-js",metastring:'title="package.json"',children:'{\n "name": "my-expo-app",\n "main": "index.ts",\n ...\n}\n'})}),"\n",(0,i.jsxs)(t.p,{children:["Create the file, using ",(0,i.jsx)(t.code,{children:"node_modules/expo/AppEntry.js"})," as a template.\nThen import ",(0,i.jsx)(t.code,{children:"widgetTaskHandler"})," and register it."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-js",metastring:'title="index.ts"',children:"import { registerRootComponent } from 'expo';\nimport { registerWidgetTaskHandler } from 'react-native-android-widget';\n\nimport App from './App';\nimport { widgetTaskHandler } from './widget-task-handler';\n\n// registerRootComponent calls AppRegistry.registerComponent('main', () => App);\n// It also ensures that whether you load the app in Expo Go or in a native build,\n// the environment is set up appropriately\nregisterRootComponent(App);\nregisterWidgetTaskHandler(widgetTaskHandler);\n"})}),"\n",(0,i.jsx)(t.h2,{id:"types",children:"Types"}),"\n",(0,i.jsxs)(t.p,{children:["Check the types in the ",(0,i.jsx)(t.a,{href:"/docs/public-api#registerwidgettaskhandler",children:"Public API"})," documentation"]}),"\n",(0,i.jsxs)(t.p,{children:["The widget task handler will be called with some properties, described with ",(0,i.jsx)(t.a,{href:"/docs/public-api/interfaces/WidgetTaskHandlerProps",children:"WidgetTaskHandlerProps"})]})]})}function p(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1151:(e,t,n)=>{n.d(t,{Z:()=>d,a:()=>a});var i=n(7294);const r={},s=i.createContext(r);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/f477c445.204df771.js b/assets/js/f477c445.204df771.js deleted file mode 100644 index b730696..0000000 --- a/assets/js/f477c445.204df771.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9990],{3905:(e,i,t)=>{t.d(i,{Zo:()=>p,kt:()=>m});var n=t(7294);function r(e,i,t){return i in e?Object.defineProperty(e,i,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[i]=t,e}function a(e,i){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);i&&(n=n.filter((function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var i=1;i =0||(r[t]=e[t]);return r}(e,i);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var l=n.createContext({}),s=function(e){var i=n.useContext(l),t=i;return e&&(t="function"==typeof e?e(i):d(d({},i),e)),t},p=function(e){var i=s(e.components);return n.createElement(l.Provider,{value:i},e.children)},c={inlineCode:"code",wrapper:function(e){var i=e.children;return n.createElement(n.Fragment,{},i)}},g=n.forwardRef((function(e,i){var t=e.components,r=e.mdxType,a=e.originalType,l=e.parentName,p=o(e,["components","mdxType","originalType","parentName"]),g=s(t),m=r,u=g["".concat(l,".").concat(m)]||g[m]||c[m]||a;return t?n.createElement(u,d(d({ref:i},p),{},{components:t})):n.createElement(u,d({ref:i},p))}));function m(e,i){var t=arguments,r=i&&i.mdxType;if("string"==typeof e||r){var a=t.length,d=new Array(a);d[0]=g;var o={};for(var l in i)hasOwnProperty.call(i,l)&&(o[l]=i[l]);o.originalType=e,o.mdxType="string"==typeof e?e:r,d[1]=o;for(var s=2;s{t.r(i),t.d(i,{assets:()=>l,contentTitle:()=>d,default:()=>c,frontMatter:()=>a,metadata:()=>o,toc:()=>s});var n=t(7462),r=(t(7294),t(3905));const a={sidebar_position:4},d="Register widget",o={unversionedId:"tutorial/register-widget",id:"tutorial/register-widget",title:"Register widget",description:"In order to register our widget so that it can be selected from the launchers widget picker, we need to tell the android app some information about the widget.",source:"@site/docs/tutorial/register-widget.md",sourceDirName:"tutorial",slug:"/tutorial/register-widget",permalink:"/react-native-android-widget/docs/tutorial/register-widget",draft:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/register-widget.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"default",previous:{title:"Register task handler",permalink:"/react-native-android-widget/docs/tutorial/register-task-handler"},next:{title:"Register widget in Expo",permalink:"/react-native-android-widget/docs/tutorial/register-widget-expo"}},l={},s=[{value:"Add a widget provider class",id:"add-a-widget-provider-class",level:2},{value:"Create widget preview image",id:"create-widget-preview-image",level:2},{value:"Add widget description string (Optional)",id:"add-widget-description-string-optional",level:2},{value:"Add a widget provider xml file",id:"add-a-widget-provider-xml-file",level:2},{value:"Add services in AndroidManifest.xml",id:"add-services-in-androidmanifestxml",level:2},{value:"Add widget receiver in AndroidManifest.xml",id:"add-widget-receiver-in-androidmanifestxml",level:2},{value:"Add custom fonts used in widgets",id:"add-custom-fonts-used-in-widgets",level:2}],p={toc:s};function c(e){let{components:i,...a}=e;return(0,r.kt)("wrapper",(0,n.Z)({},p,a,{components:i,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"register-widget"},"Register widget"),(0,r.kt)("p",null,"In order to register our widget so that it can be selected from the launchers widget picker, we need to tell the android app some information about the widget."),(0,r.kt)("h2",{id:"add-a-widget-provider-class"},"Add a widget provider class"),(0,r.kt)("p",null,"Create a new package ",(0,r.kt)("inlineCode",{parentName:"p"},"widget")," in the native android app. Inside it create a class ",(0,r.kt)("inlineCode",{parentName:"p"},"Hello.java")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-java",metastring:'title="android/app/src/main/java/com/yourapppackage/widget/Hello.java"',title:'"android/app/src/main/java/com/yourapppackage/widget/Hello.java"'},"package com.yourapppackage.widget;\n\nimport com.reactnativeandroidwidget.RNWidgetProvider;\n\npublic class Hello extends RNWidgetProvider {\n}\n")),(0,r.kt)("p",null,"The class ",(0,r.kt)("strong",{parentName:"p"},"name")," will be used to reference our widget."),(0,r.kt)("h2",{id:"create-widget-preview-image"},"Create widget preview image"),(0,r.kt)("p",null,"When the android launcher shows the widget select popup, we can show a screenshot of our widget to give the user an idea what the widget looks like."),(0,r.kt)("p",null,"Take a screenshot of the widget, and place it inside ",(0,r.kt)("inlineCode",{parentName:"p"},"android/app/src/main/res/drawable/hello_preview.png")),(0,r.kt)("pre",null,"android/app/src/main/res/drawable/hello_preview.png"),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"Hello Widget Preview",src:t(6945).Z,width:"327",height:"208"})),(0,r.kt)("h2",{id:"add-widget-description-string-optional"},"Add widget description string (Optional)"),(0,r.kt)("p",null,"When the android launcher shows the widget select popup, under the name of the widget it can show an optional description about the widget. If we want to show a description for our widget, we need to add a description string in ",(0,r.kt)("inlineCode",{parentName:"p"},"strings.xml")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-xml",metastring:'title="android/app/src/main/res/values/strings.xml"',title:'"android/app/src/main/res/values/strings.xml"'},'\n \n \n')),(0,r.kt)("h2",{id:"add-a-widget-provider-xml-file"},"Add a widget provider xml file"),(0,r.kt)("p",null,"Create a new xml file in the resources directory containing the details about the widget."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-xml",metastring:'title="android/app/src/main/res/xml/widgetprovider_hello.xml"',title:'"android/app/src/main/res/xml/widgetprovider_hello.xml"'},'\nMy App Name \nThis is my first widget \n\n \n')),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},"android:updatePeriodMillis")," How often, in milliseconds, that this AppWidget wants to be updated. The task handler will be called with ",(0,r.kt)("inlineCode",{parentName:"li"},"widgetAction = 'UPDATE_WIDGET'"),". See the official docs ",(0,r.kt)("a",{parentName:"li",href:"https://developer.android.com/reference/android/appwidget/AppWidgetProviderInfo.html#updatePeriodMillis"},"here")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},"android:previewImage")," should reference the preview image we added previously"),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},"android:description")," can be added or not, depending on if we added a description in the previous step")),(0,r.kt)("h2",{id:"add-services-in-androidmanifestxml"},"Add services in AndroidManifest.xml"),(0,r.kt)("p",null,"In order to use the ",(0,r.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/primitives/list-widget"},"ListWidget")," we need to add a ",(0,r.kt)("inlineCode",{parentName:"p"},"RNWidgetCollectionService")," service."),(0,r.kt)("p",null,"Under the application section in the manifest, add a new ",(0,r.kt)("inlineCode",{parentName:"p"},"RNWidgetCollectionService")," service. This service will be shared between all widgets, so it needs to be added only once."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-xml",metastring:'title="android/app/src/main/AndroidManifest.xml"',title:'"android/app/src/main/AndroidManifest.xml"'},'\n ...\n \n')),(0,r.kt)("h2",{id:"add-widget-receiver-in-androidmanifestxml"},"Add widget receiver in AndroidManifest.xml"),(0,r.kt)("p",null,"Finally, we need to add a receiver for our widget, that will receive system events (like widget added, widget resized...)"),(0,r.kt)("p",null,"In ",(0,r.kt)("inlineCode",{parentName:"p"},"AndroidManifest.xml"),", add a receiver for the widget"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-xml",metastring:'title="android/app/src/main/AndroidManifest.xml"',title:'"android/app/src/main/AndroidManifest.xml"'},'\n\n \n\n \n\n\n \n ...\n \n')),(0,r.kt)("p",null,"For the receiver"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},"android:name")," myst be ",(0,r.kt)("inlineCode",{parentName:"li"},".widget.WidgetName")," (same as the Java class extending ",(0,r.kt)("inlineCode",{parentName:"li"},"RNWidgetProvider"),")"),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("inlineCode",{parentName:"li"},"android:label")," will be shown in the widget picker")),(0,r.kt)("h2",{id:"add-custom-fonts-used-in-widgets"},"Add custom fonts used in widgets"),(0,r.kt)("p",null,"If we used a custom font in our widget, we must copy the font file(s) to ",(0,r.kt)("inlineCode",{parentName:"p"},"android/app/src/main/assets/fonts"),". The ",(0,r.kt)("inlineCode",{parentName:"p"},"fontFamily")," style prop will match the file by name."),(0,r.kt)("p",null,"For example, ",(0,r.kt)("inlineCode",{parentName:"p"},"android/app/src/main/assets/fonts/Inter.ttf")))}c.isMDXComponent=!0},6945:(e,i,t)=>{t.d(i,{Z:()=>n});const n="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUcAAADQCAYAAACUXaMkAAAABHNCSVQICAgIfAhkiAAACTdJREFUeJzt3UtoXAUbgOFvJslMc/FSFItCK1YqUhAiukh0YV0o1p3QhZeVgiAiuhJERJGibkSxbisKgghqiYvWhYIomjYgqLgRrCItKO1CzMUkc0nmX0iHhn7NP5PMJBn7PBA4J+cyX6F9OWfmJC3MzMw0AoAVips9AMBWJI4ACXEESIgjQEIcARLiCJDo7/YLFAqFbr8EcIlqNLr3JGLH41gul6NUKnX6tACrqlarUalUOna+jsSxUCjE0NBQFIvu0oHNUSqVolQqxfLycszPz6/7qnLdcXSlCGwlxWIxRkZG1n0lua5LveHhYWEEtqRSqRTDw8NrPn7NcRweHnYbDWxpxWJxzYFcU90GBweFEegJxWIxBgcH2z+u3QMGBgaiv7/rTwABdEx/f3/b3Wo7jtu2bWv3EIBN1+7VY1txLJfLbZ0cYCtpp2FtxdEn00Ava6dhPlUBSLQcR+81Av8Frbas5Tj6hBr4L2i1ZS3H0W/XAf4LWm2Z9xwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCMxPj4eY2NjMTY2FsePH2/5uMnJyeZxY2NjXZvvjz/+WPV1Dh482Nz23HPPdW0OLi39mz0Am29qaioajUZERExPT7d83PT0dExNTXVrrKZKpbLq6/z222/N7dddd13X5+HS4MoRICGOAAlxBEh4z5ENV6vVYmlpKfr6+mJgYGBTZlheXo56vR7Ly8vR398f/f3+KbCSK0c2zPj4eJRKpSiVSjE4OBilUikGBgbijjvu2LAZfvnll7jiiiuir68vyuVyDA4OxsDAQAwNDcWLL764YXOw9YkjXff5559HoVCIEydORK1WW7GtXq/H8ePHo6+vL7744ouuznHnnXfGTTfdFDMzMxdsW1hYiIMHD8bQ0FAsLCx0dQ56g3sJumpycjLuvffe5nqhUIgnn3wy9u7dGz///HO8/fbbEfHvbe4999wTp06dip07d3Z8jltvvTV++OGH5nq5XI4nnngitm/fHhMTE81tCwsLcfnll18QcS494khX3X333c3lAwcOxEcffbRi+6FDh+LAgQPxySefRETErl27ms9cdsqRI0dWhPGtt96Kp59+urn+0ksvxenTp2P37t1Rr9ejXq/Hjh074syZMx2dg97itpoV9u/fH4VCoaWv+++/f9Vzvf7661GtViMiYs+ePReE8ZyPP/44SqVSc/2nn37q3B8oIh5++OHm8iOPPLIijOfs3Lkzfvzxx+b62bNn4++//+7oHPQWcaRr3njjjebyxMTEqvu+//77zeU333yzYzPMz89HpVJprr/zzjsX3Xfv3r2xffv25vqzzz7bsTnoPeJI1/z555/N5ZtvvjmWl5cv+nX77bc393333Xc7NsOnn37aXC4UClEul1fd//xPrA8fPtyxOeg94sgKx44dWzVi538dPXq05fP29fWt+nXjjTd25c/z7bffNpfPf//zYsbHx7syB73HBzKscO79xFb33erOf//ymmuu+b/7j4yMdHMceog4siG+/PLLTXnd0dHR+PrrryNi5W3+xWTPQHJpEkc2xL59+zblde+66644dOhQRER89dVX/3f/b775ptsj0SO850jX7Nixo7l87NixTZnhvvvuW7E+Nze36v6vvPJKc/mZZ57pykz0BnGka5566qnm8mOPPbbqvo8//ngUi8V49NFHY3JysmMzDA0NxbZt25rrDz744EX3nZqaWvHLfl999dWOzUHvEUe65oUXXohi8d+/YmfOnIldu3bF0tLSBftNTEzE4cOHo9FoxHvvvdfxD3o+++yz5vLRo0fj+eefv2CfU6dOrfgvGK6++uoYGhrq6Bz0FnGkq87/sb3Tp09Hf39/XHnllfHQQw/FDTfcEIODg/HAAw809xkeHu744zT79u2L0dHR5vprr70WAwMDcdVVV8WePXtiZGQkrr/++ub2YrEYZ8+e7egM9B5xpKtuueWW+O6771Z8b3p6Oj788MP4/fffY3Fxsfn93bt3x+zsbFfm+P7771dEuF6vx19//RUnT56Mf/75p/n94eHhmJ2d7YnHlOgucaTrbrvttqjVavHyyy+n20dHR+PEiRPx66+/djVKR44ciZMnT8b+/fsv2HbttdfGBx98EHNzc26niYiIwszMTEu/AuWyyy7r9iwAG6KVOxRXjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgETLcWw0Gt2cA2BDtNqyluNYq9XWPAzAVtFqy1qOY6VSWfMwAFtFqy1r6z1Ht9ZAL2unYW3F0dUj0MsWFxdb3retONZqNVePQE9qNBpRr9db3r/tR3nm5+fbPQRg07XbrrbjuLy87PYa6CmVSiWWl5fbOmZND4FXq1WP9gA9oVarRbVabfu4Nf+EzOLioitIYEurVCptfQhzvnX9+GC1Wo25ubn1nAKgK+bm5tZ0xXhO/3oHaDQaMTs7G6VSKcrl8npPB7AulUplXVE8Z91xPKdarUa1Wo2+vr4olUrR39+xUwOsql6vR7VajaWlpY6ds+MFW1paioWFhU6fFmBD+ZVlAAlxBEiII0BCHAES4giQEEeAhDgCJP4H6/Y8YKqxICUAAAAASUVORK5CYII="}}]); \ No newline at end of file diff --git a/assets/js/f477c445.65475447.js b/assets/js/f477c445.65475447.js new file mode 100644 index 0000000..9e7406f --- /dev/null +++ b/assets/js/f477c445.65475447.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[9990],{5733:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>o,contentTitle:()=>a,default:()=>g,frontMatter:()=>r,metadata:()=>s,toc:()=>l});var d=n(5893),t=n(1151);const r={sidebar_position:4},a="Register widget",s={id:"tutorial/register-widget",title:"Register widget",description:"In order to register our widget so that it can be selected from the launchers widget picker, we need to tell the android app some information about the widget.",source:"@site/docs/tutorial/register-widget.md",sourceDirName:"tutorial",slug:"/tutorial/register-widget",permalink:"/react-native-android-widget/docs/tutorial/register-widget",draft:!1,unlisted:!1,editUrl:"https://github.com/sAleksovski/react-native-android-widget/tree/master/docs/docs/tutorial/register-widget.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"default",previous:{title:"Register task handler",permalink:"/react-native-android-widget/docs/tutorial/register-task-handler"},next:{title:"Register widget in Expo",permalink:"/react-native-android-widget/docs/tutorial/register-widget-expo"}},o={},l=[{value:"Add a widget provider class",id:"add-a-widget-provider-class",level:2},{value:"Create widget preview image",id:"create-widget-preview-image",level:2},{value:"Add widget description string (Optional)",id:"add-widget-description-string-optional",level:2},{value:"Add a widget provider xml file",id:"add-a-widget-provider-xml-file",level:2},{value:"Add services in AndroidManifest.xml",id:"add-services-in-androidmanifestxml",level:2},{value:"Add widget receiver in AndroidManifest.xml",id:"add-widget-receiver-in-androidmanifestxml",level:2},{value:"Add custom fonts used in widgets",id:"add-custom-fonts-used-in-widgets",level:2}];function c(e){const i={a:"a",code:"code",h1:"h1",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.a)(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i.h1,{id:"register-widget",children:"Register widget"}),"\n",(0,d.jsx)(i.p,{children:"In order to register our widget so that it can be selected from the launchers widget picker, we need to tell the android app some information about the widget."}),"\n",(0,d.jsx)(i.h2,{id:"add-a-widget-provider-class",children:"Add a widget provider class"}),"\n",(0,d.jsxs)(i.p,{children:["Create a new package ",(0,d.jsx)(i.code,{children:"widget"})," in the native android app. Inside it create a class ",(0,d.jsx)(i.code,{children:"Hello.java"})]}),"\n",(0,d.jsx)(i.pre,{children:(0,d.jsx)(i.code,{className:"language-java",metastring:'title="android/app/src/main/java/com/yourapppackage/widget/Hello.java"',children:"package com.yourapppackage.widget;\n\nimport com.reactnativeandroidwidget.RNWidgetProvider;\n\npublic class Hello extends RNWidgetProvider {\n}\n"})}),"\n",(0,d.jsxs)(i.p,{children:["The class ",(0,d.jsx)(i.strong,{children:"name"})," will be used to reference our widget."]}),"\n",(0,d.jsx)(i.h2,{id:"create-widget-preview-image",children:"Create widget preview image"}),"\n",(0,d.jsx)(i.p,{children:"When the android launcher shows the widget select popup, we can show a screenshot of our widget to give the user an idea what the widget looks like."}),"\n",(0,d.jsxs)(i.p,{children:["Take a screenshot of the widget, and place it inside ",(0,d.jsx)(i.code,{children:"android/app/src/main/res/drawable/hello_preview.png"})]}),"\n",(0,d.jsx)("pre",{children:"android/app/src/main/res/drawable/hello_preview.png"}),"\n",(0,d.jsx)(i.p,{children:(0,d.jsx)(i.img,{alt:"Hello Widget Preview",src:n(6945).Z+"",width:"327",height:"208"})}),"\n",(0,d.jsx)(i.h2,{id:"add-widget-description-string-optional",children:"Add widget description string (Optional)"}),"\n",(0,d.jsxs)(i.p,{children:["When the android launcher shows the widget select popup, under the name of the widget it can show an optional description about the widget. If we want to show a description for our widget, we need to add a description string in ",(0,d.jsx)(i.code,{children:"strings.xml"})]}),"\n",(0,d.jsx)(i.pre,{children:(0,d.jsx)(i.code,{className:"language-xml",metastring:'title="android/app/src/main/res/values/strings.xml"',children:'\n\n\n \n\n \n\n\n\n \n \n\n \n\n \n \n \n \n'})}),"\n",(0,d.jsx)(i.h2,{id:"add-a-widget-provider-xml-file",children:"Add a widget provider xml file"}),"\n",(0,d.jsx)(i.p,{children:"Create a new xml file in the resources directory containing the details about the widget."}),"\n",(0,d.jsx)(i.pre,{children:(0,d.jsx)(i.code,{className:"language-xml",metastring:'title="android/app/src/main/res/xml/widgetprovider_hello.xml"',children:'\nMy App Name \nThis is my first widget \n\n \n'})}),"\n",(0,d.jsxs)(i.ul,{children:["\n",(0,d.jsxs)(i.li,{children:[(0,d.jsx)(i.code,{children:"android:updatePeriodMillis"})," How often, in milliseconds, that this AppWidget wants to be updated. The task handler will be called with ",(0,d.jsx)(i.code,{children:"widgetAction = 'UPDATE_WIDGET'"}),". See the official docs ",(0,d.jsx)(i.a,{href:"https://developer.android.com/reference/android/appwidget/AppWidgetProviderInfo.html#updatePeriodMillis",children:"here"})]}),"\n",(0,d.jsxs)(i.li,{children:[(0,d.jsx)(i.code,{children:"android:previewImage"})," should reference the preview image we added previously"]}),"\n",(0,d.jsxs)(i.li,{children:[(0,d.jsx)(i.code,{children:"android:description"})," can be added or not, depending on if we added a description in the previous step"]}),"\n"]}),"\n",(0,d.jsx)(i.h2,{id:"add-services-in-androidmanifestxml",children:"Add services in AndroidManifest.xml"}),"\n",(0,d.jsxs)(i.p,{children:["In order to use the ",(0,d.jsx)(i.a,{href:"/react-native-android-widget/docs/primitives/list-widget",children:"ListWidget"})," we need to add a ",(0,d.jsx)(i.code,{children:"RNWidgetCollectionService"})," service."]}),"\n",(0,d.jsxs)(i.p,{children:["Under the application section in the manifest, add a new ",(0,d.jsx)(i.code,{children:"RNWidgetCollectionService"})," service. This service will be shared between all widgets, so it needs to be added only once."]}),"\n",(0,d.jsx)(i.pre,{children:(0,d.jsx)(i.code,{className:"language-xml",metastring:'title="android/app/src/main/AndroidManifest.xml"',children:'\n ...\n \n'})}),"\n",(0,d.jsx)(i.h2,{id:"add-widget-receiver-in-androidmanifestxml",children:"Add widget receiver in AndroidManifest.xml"}),"\n",(0,d.jsx)(i.p,{children:"Finally, we need to add a receiver for our widget, that will receive system events (like widget added, widget resized...)"}),"\n",(0,d.jsxs)(i.p,{children:["In ",(0,d.jsx)(i.code,{children:"AndroidManifest.xml"}),", add a receiver for the widget"]}),"\n",(0,d.jsx)(i.pre,{children:(0,d.jsx)(i.code,{className:"language-xml",metastring:'title="android/app/src/main/AndroidManifest.xml"',children:'\n\n \n\n \n\n\n \n ...\n \n'})}),"\n",(0,d.jsx)(i.p,{children:"For the receiver"}),"\n",(0,d.jsxs)(i.ul,{children:["\n",(0,d.jsxs)(i.li,{children:[(0,d.jsx)(i.code,{children:"android:name"})," myst be ",(0,d.jsx)(i.code,{children:".widget.WidgetName"})," (same as the Java class extending ",(0,d.jsx)(i.code,{children:"RNWidgetProvider"}),")"]}),"\n",(0,d.jsxs)(i.li,{children:[(0,d.jsx)(i.code,{children:"android:label"})," will be shown in the widget picker"]}),"\n"]}),"\n",(0,d.jsx)(i.h2,{id:"add-custom-fonts-used-in-widgets",children:"Add custom fonts used in widgets"}),"\n",(0,d.jsxs)(i.p,{children:["If we used a custom font in our widget, we must copy the font file(s) to ",(0,d.jsx)(i.code,{children:"android/app/src/main/assets/fonts"}),". The ",(0,d.jsx)(i.code,{children:"fontFamily"})," style prop will match the file by name."]}),"\n",(0,d.jsxs)(i.p,{children:["For example, ",(0,d.jsx)(i.code,{children:"android/app/src/main/assets/fonts/Inter.ttf"})]})]})}function g(e={}){const{wrapper:i}={...(0,t.a)(),...e.components};return i?(0,d.jsx)(i,{...e,children:(0,d.jsx)(c,{...e})}):c(e)}},6945:(e,i,n)=>{n.d(i,{Z:()=>d});const d="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUcAAADQCAYAAACUXaMkAAAABHNCSVQICAgIfAhkiAAACTdJREFUeJzt3UtoXAUbgOFvJslMc/FSFItCK1YqUhAiukh0YV0o1p3QhZeVgiAiuhJERJGibkSxbisKgghqiYvWhYIomjYgqLgRrCItKO1CzMUkc0nmX0iHhn7NP5PMJBn7PBA4J+cyX6F9OWfmJC3MzMw0AoAVips9AMBWJI4ACXEESIgjQEIcARLiCJDo7/YLFAqFbr8EcIlqNLr3JGLH41gul6NUKnX6tACrqlarUalUOna+jsSxUCjE0NBQFIvu0oHNUSqVolQqxfLycszPz6/7qnLdcXSlCGwlxWIxRkZG1n0lua5LveHhYWEEtqRSqRTDw8NrPn7NcRweHnYbDWxpxWJxzYFcU90GBweFEegJxWIxBgcH2z+u3QMGBgaiv7/rTwABdEx/f3/b3Wo7jtu2bWv3EIBN1+7VY1txLJfLbZ0cYCtpp2FtxdEn00Ava6dhPlUBSLQcR+81Av8Frbas5Tj6hBr4L2i1ZS3H0W/XAf4LWm2Z9xwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCMxPj4eY2NjMTY2FsePH2/5uMnJyeZxY2NjXZvvjz/+WPV1Dh482Nz23HPPdW0OLi39mz0Am29qaioajUZERExPT7d83PT0dExNTXVrrKZKpbLq6/z222/N7dddd13X5+HS4MoRICGOAAlxBEh4z5ENV6vVYmlpKfr6+mJgYGBTZlheXo56vR7Ly8vR398f/f3+KbCSK0c2zPj4eJRKpSiVSjE4OBilUikGBgbijjvu2LAZfvnll7jiiiuir68vyuVyDA4OxsDAQAwNDcWLL764YXOw9YkjXff5559HoVCIEydORK1WW7GtXq/H8ePHo6+vL7744ouuznHnnXfGTTfdFDMzMxdsW1hYiIMHD8bQ0FAsLCx0dQ56g3sJumpycjLuvffe5nqhUIgnn3wy9u7dGz///HO8/fbbEfHvbe4999wTp06dip07d3Z8jltvvTV++OGH5nq5XI4nnngitm/fHhMTE81tCwsLcfnll18QcS494khX3X333c3lAwcOxEcffbRi+6FDh+LAgQPxySefRETErl27ms9cdsqRI0dWhPGtt96Kp59+urn+0ksvxenTp2P37t1Rr9ejXq/Hjh074syZMx2dg97itpoV9u/fH4VCoaWv+++/f9Vzvf7661GtViMiYs+ePReE8ZyPP/44SqVSc/2nn37q3B8oIh5++OHm8iOPPLIijOfs3Lkzfvzxx+b62bNn4++//+7oHPQWcaRr3njjjebyxMTEqvu+//77zeU333yzYzPMz89HpVJprr/zzjsX3Xfv3r2xffv25vqzzz7bsTnoPeJI1/z555/N5ZtvvjmWl5cv+nX77bc393333Xc7NsOnn37aXC4UClEul1fd//xPrA8fPtyxOeg94sgKx44dWzVi538dPXq05fP29fWt+nXjjTd25c/z7bffNpfPf//zYsbHx7syB73HBzKscO79xFb33erOf//ymmuu+b/7j4yMdHMceog4siG+/PLLTXnd0dHR+PrrryNi5W3+xWTPQHJpEkc2xL59+zblde+66644dOhQRER89dVX/3f/b775ptsj0SO850jX7Nixo7l87NixTZnhvvvuW7E+Nze36v6vvPJKc/mZZ57pykz0BnGka5566qnm8mOPPbbqvo8//ngUi8V49NFHY3JysmMzDA0NxbZt25rrDz744EX3nZqaWvHLfl999dWOzUHvEUe65oUXXohi8d+/YmfOnIldu3bF0tLSBftNTEzE4cOHo9FoxHvvvdfxD3o+++yz5vLRo0fj+eefv2CfU6dOrfgvGK6++uoYGhrq6Bz0FnGkq87/sb3Tp09Hf39/XHnllfHQQw/FDTfcEIODg/HAAw809xkeHu744zT79u2L0dHR5vprr70WAwMDcdVVV8WePXtiZGQkrr/++ub2YrEYZ8+e7egM9B5xpKtuueWW+O6771Z8b3p6Oj788MP4/fffY3Fxsfn93bt3x+zsbFfm+P7771dEuF6vx19//RUnT56Mf/75p/n94eHhmJ2d7YnHlOgucaTrbrvttqjVavHyyy+n20dHR+PEiRPx66+/djVKR44ciZMnT8b+/fsv2HbttdfGBx98EHNzc26niYiIwszMTEu/AuWyyy7r9iwAG6KVOxRXjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgETLcWw0Gt2cA2BDtNqyluNYq9XWPAzAVtFqy1qOY6VSWfMwAFtFqy1r6z1Ht9ZAL2unYW3F0dUj0MsWFxdb3retONZqNVePQE9qNBpRr9db3r/tR3nm5+fbPQRg07XbrrbjuLy87PYa6CmVSiWWl5fbOmZND4FXq1WP9gA9oVarRbVabfu4Nf+EzOLioitIYEurVCptfQhzvnX9+GC1Wo25ubn1nAKgK+bm5tZ0xXhO/3oHaDQaMTs7G6VSKcrl8npPB7AulUplXVE8Z91xPKdarUa1Wo2+vr4olUrR39+xUwOsql6vR7VajaWlpY6ds+MFW1paioWFhU6fFmBD+ZVlAAlxBEiII0BCHAES4giQEEeAhDgCJP4H6/Y8YKqxICUAAAAASUVORK5CYII="},1151:(e,i,n)=>{n.d(i,{Z:()=>s,a:()=>a});var d=n(7294);const t={},r=d.createContext(t);function a(e){const i=d.useContext(r);return d.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function s(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),d.createElement(r.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/f600eb30.1218363a.js b/assets/js/f600eb30.1218363a.js new file mode 100644 index 0000000..bc12020 --- /dev/null +++ b/assets/js/f600eb30.1218363a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[8558],{5851:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>p,frontMatter:()=>n,metadata:()=>o,toc:()=>a});var r=i(5893),s=i(1151);const n={id:"ListWidgetProps",title:"Interface: ListWidgetProps",sidebar_label:"ListWidgetProps",sidebar_position:0,custom_edit_url:null},d=void 0,o={id:"public-api/interfaces/ListWidgetProps",title:"Interface: ListWidgetProps",description:"Properties",source:"@site/docs/public-api/interfaces/ListWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ListWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ListWidgetProps",title:"Interface: ListWidgetProps",sidebar_label:"ListWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ImageWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps"},next:{title:"ListWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle"}},c={},a=[{value:"Properties",id:"properties",level:2},{value:"children",id:"children",level:3},{value:"style",id:"style",level:3}];function l(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",hr:"hr",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsx)(t.h3,{id:"children",children:"children"}),"\n",(0,r.jsxs)(t.p,{children:["\u2022 ",(0,r.jsx)(t.code,{children:"Optional"})," ",(0,r.jsx)(t.strong,{children:"children"}),": ",(0,r.jsx)(t.code,{children:"any"})]}),"\n",(0,r.jsx)(t.hr,{}),"\n",(0,r.jsx)(t.h3,{id:"style",children:"style"}),"\n",(0,r.jsxs)(t.p,{children:["\u2022 ",(0,r.jsx)(t.code,{children:"Optional"})," ",(0,r.jsx)(t.strong,{children:"style"}),": ",(0,r.jsx)(t.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle",children:(0,r.jsx)(t.code,{children:"ListWidgetStyle"})})]})]})}function p(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(l,{...e})}):l(e)}},1151:(e,t,i)=>{i.d(t,{Z:()=>o,a:()=>d});var r=i(7294);const s={},n=r.createContext(s);function d(e){const t=r.useContext(n);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),r.createElement(n.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/f600eb30.16cebdc2.js b/assets/js/f600eb30.16cebdc2.js deleted file mode 100644 index c7ab4f2..0000000 --- a/assets/js/f600eb30.16cebdc2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[8558],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>f});var i=r(7294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function o(e){for(var t=1;t\n\n \n\n \n\n\n\n \n \n\n \n\n \n \n =0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i =0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var l=i.createContext({}),s=function(e){var t=i.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=s(e.components);return i.createElement(l.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return i.createElement(i.Fragment,{},t)}},u=i.forwardRef((function(e,t){var r=e.components,n=e.mdxType,a=e.originalType,l=e.parentName,c=p(e,["components","mdxType","originalType","parentName"]),u=s(r),f=n,g=u["".concat(l,".").concat(f)]||u[f]||d[f]||a;return r?i.createElement(g,o(o({ref:t},c),{},{components:r})):i.createElement(g,o({ref:t},c))}));function f(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var a=r.length,o=new Array(a);o[0]=u;var p={};for(var l in t)hasOwnProperty.call(t,l)&&(p[l]=t[l]);p.originalType=e,p.mdxType="string"==typeof e?e:n,o[1]=p;for(var s=2;s{r.r(t),r.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>d,frontMatter:()=>a,metadata:()=>p,toc:()=>s});var i=r(7462),n=(r(7294),r(3905));const a={id:"ListWidgetProps",title:"Interface: ListWidgetProps",sidebar_label:"ListWidgetProps",sidebar_position:0,custom_edit_url:null},o=void 0,p={unversionedId:"public-api/interfaces/ListWidgetProps",id:"public-api/interfaces/ListWidgetProps",title:"Interface: ListWidgetProps",description:"Properties",source:"@site/docs/public-api/interfaces/ListWidgetProps.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/ListWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"ListWidgetProps",title:"Interface: ListWidgetProps",sidebar_label:"ListWidgetProps",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"ImageWidgetProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps"},next:{title:"ListWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle"}},l={},s=[{value:"Properties",id:"properties",level:2},{value:"children",id:"children",level:3},{value:"style",id:"style",level:3}],c={toc:s};function d(e){let{components:t,...r}=e;return(0,n.kt)("wrapper",(0,i.Z)({},c,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h2",{id:"properties"},"Properties"),(0,n.kt)("h3",{id:"children"},"children"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"children"),": ",(0,n.kt)("inlineCode",{parentName:"p"},"any")),(0,n.kt)("hr",null),(0,n.kt)("h3",{id:"style"},"style"),(0,n.kt)("p",null,"\u2022 ",(0,n.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,n.kt)("strong",{parentName:"p"},"style"),": ",(0,n.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle"},(0,n.kt)("inlineCode",{parentName:"a"},"ListWidgetStyle"))))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/ff301dc0.08dc00c3.js b/assets/js/ff301dc0.08dc00c3.js new file mode 100644 index 0000000..9da2135 --- /dev/null +++ b/assets/js/ff301dc0.08dc00c3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5937],{4595:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>c,contentTitle:()=>s,default:()=>h,frontMatter:()=>d,metadata:()=>o,toc:()=>a});var t=n(5893),r=n(1151);const d={id:"WidgetInfo",title:"Interface: WidgetInfo",sidebar_label:"WidgetInfo",sidebar_position:0,custom_edit_url:null},s=void 0,o={id:"public-api/interfaces/WidgetInfo",title:"Interface: WidgetInfo",description:"Properties",source:"@site/docs/public-api/interfaces/WidgetInfo.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WidgetInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WidgetInfo",title:"Interface: WidgetInfo",sidebar_label:"WidgetInfo",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"WidgetConfigurationScreenProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps"},next:{title:"WidgetPreviewProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps"}},c={},a=[{value:"Properties",id:"properties",level:2},{value:"widgetName",id:"widgetname",level:3},{value:"widgetId",id:"widgetid",level:3},{value:"height",id:"height",level:3},{value:"width",id:"width",level:3},{value:"screenInfo",id:"screeninfo",level:3}];function l(e){const i={a:"a",code:"code",h2:"h2",h3:"h3",hr:"hr",p:"p",strong:"strong",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,t.jsx)(i.h3,{id:"widgetname",children:"widgetName"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"widgetName"}),": ",(0,t.jsx)(i.code,{children:"string"})]}),"\n",(0,t.jsx)(i.p,{children:"Name of the widget"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"widgetid",children:"widgetId"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"widgetId"}),": ",(0,t.jsx)(i.code,{children:"number"})]}),"\n",(0,t.jsx)(i.p,{children:"Internal id of the widget"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"height",children:"height"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"height"}),": ",(0,t.jsx)(i.code,{children:"number"})]}),"\n",(0,t.jsx)(i.p,{children:"Height of the widget"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"width",children:"width"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"width"}),": ",(0,t.jsx)(i.code,{children:"number"})]}),"\n",(0,t.jsx)(i.p,{children:"Width of the widget"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"screeninfo",children:"screenInfo"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"screenInfo"}),": ",(0,t.jsx)(i.a,{href:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo",children:(0,t.jsx)(i.code,{children:"ScreenInfo"})})]}),"\n",(0,t.jsx)(i.p,{children:"Information about the device"})]})}function h(e={}){const{wrapper:i}={...(0,r.a)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(l,{...e})}):l(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>o,a:()=>s});var t=n(7294);const r={},d=t.createContext(r);function s(e){const i=t.useContext(d);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function o(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),t.createElement(d.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/ff301dc0.13da1767.js b/assets/js/ff301dc0.13da1767.js deleted file mode 100644 index 8ba57b3..0000000 --- a/assets/js/ff301dc0.13da1767.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[5937],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t =0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r =0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var d=r.createContext({}),p=function(e){var t=r.useContext(d),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},c=function(e){var t=p(e.components);return r.createElement(d.Provider,{value:t},e.children)},u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},s=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,a=e.originalType,d=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),s=p(n),f=i,g=s["".concat(d,".").concat(f)]||s[f]||u[f]||a;return n?r.createElement(g,o(o({ref:t},c),{},{components:n})):r.createElement(g,o({ref:t},c))}));function f(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=n.length,o=new Array(a);o[0]=s;var l={};for(var d in t)hasOwnProperty.call(t,d)&&(l[d]=t[d]);l.originalType=e,l.mdxType="string"==typeof e?e:i,o[1]=l;for(var p=2;p{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>u,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var r=n(7462),i=(n(7294),n(3905));const a={id:"WidgetInfo",title:"Interface: WidgetInfo",sidebar_label:"WidgetInfo",sidebar_position:0,custom_edit_url:null},o=void 0,l={unversionedId:"public-api/interfaces/WidgetInfo",id:"public-api/interfaces/WidgetInfo",title:"Interface: WidgetInfo",description:"Properties",source:"@site/docs/public-api/interfaces/WidgetInfo.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/WidgetInfo",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"WidgetInfo",title:"Interface: WidgetInfo",sidebar_label:"WidgetInfo",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"WidgetConfigurationScreenProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps"},next:{title:"WidgetPreviewProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps"}},d={},p=[{value:"Properties",id:"properties",level:2},{value:"widgetName",id:"widgetname",level:3},{value:"widgetId",id:"widgetid",level:3},{value:"height",id:"height",level:3},{value:"width",id:"width",level:3},{value:"screenInfo",id:"screeninfo",level:3}],c={toc:p};function u(e){let{components:t,...n}=e;return(0,i.kt)("wrapper",(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("h3",{id:"widgetname"},"widgetName"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"widgetName"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"string")),(0,i.kt)("p",null,"Name of the widget"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"widgetid"},"widgetId"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"widgetId"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("p",null,"Internal id of the widget"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"height"},"height"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"height"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("p",null,"Height of the widget"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"width"},"width"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"width"),": ",(0,i.kt)("inlineCode",{parentName:"p"},"number")),(0,i.kt)("p",null,"Width of the widget"),(0,i.kt)("hr",null),(0,i.kt)("h3",{id:"screeninfo"},"screenInfo"),(0,i.kt)("p",null,"\u2022 ",(0,i.kt)("strong",{parentName:"p"},"screenInfo"),": ",(0,i.kt)("a",{parentName:"p",href:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo"},(0,i.kt)("inlineCode",{parentName:"a"},"ScreenInfo"))),(0,i.kt)("p",null,"Information about the device"))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/ff470113.04d4516f.js b/assets/js/ff470113.04d4516f.js deleted file mode 100644 index 8309c0e..0000000 --- a/assets/js/ff470113.04d4516f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3153],{3905:(e,t,i)=>{i.d(t,{Zo:()=>u,kt:()=>m});var n=i(7294);function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function a(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function l(e){for(var t=1;t =0||(r[i]=e[i]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n =0||Object.prototype.propertyIsEnumerable.call(e,i)&&(r[i]=e[i])}return r}var p=n.createContext({}),d=function(e){var t=n.useContext(p),i=t;return e&&(i="function"==typeof e?e(t):l(l({},t),e)),i},u=function(e){var t=d(e.components);return n.createElement(p.Provider,{value:t},e.children)},c={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},s=n.forwardRef((function(e,t){var i=e.components,r=e.mdxType,a=e.originalType,p=e.parentName,u=o(e,["components","mdxType","originalType","parentName"]),s=d(i),m=r,g=s["".concat(p,".").concat(m)]||s[m]||c[m]||a;return i?n.createElement(g,l(l({ref:t},u),{},{components:i})):n.createElement(g,l({ref:t},u))}));function m(e,t){var i=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=i.length,l=new Array(a);l[0]=s;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:r,l[1]=o;for(var d=2;d{i.r(t),i.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>c,frontMatter:()=>a,metadata:()=>o,toc:()=>d});var n=i(7462),r=(i(7294),i(3905));const a={id:"Widget",title:"Interface: Widget",sidebar_label:"Widget",sidebar_position:0,custom_edit_url:null},l=void 0,o={unversionedId:"public-api/interfaces/Widget",id:"public-api/interfaces/Widget",title:"Interface: Widget",description:"Properties",source:"@site/docs/public-api/interfaces/Widget.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/Widget",permalink:"/react-native-android-widget/docs/public-api/interfaces/Widget",draft:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"Widget",title:"Interface: Widget",sidebar_label:"Widget",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"TextWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle"},next:{title:"WidgetConfigurationScreenProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps"}},p={},d=[{value:"Properties",id:"properties",level:2},{value:"name",id:"name",level:3},{value:"minWidth",id:"minwidth",level:3},{value:"minHeight",id:"minheight",level:3},{value:"label",id:"label",level:3},{value:"description",id:"description",level:3},{value:"maxResizeWidth",id:"maxresizewidth",level:3},{value:"maxResizeHeight",id:"maxresizeheight",level:3},{value:"previewImage",id:"previewimage",level:3},{value:"resizeMode",id:"resizemode",level:3},{value:"widgetFeatures",id:"widgetfeatures",level:3},{value:"updatePeriodMillis",id:"updateperiodmillis",level:3}],u={toc:d};function c(e){let{components:t,...i}=e;return(0,r.kt)("wrapper",(0,n.Z)({},u,i,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"properties"},"Properties"),(0,r.kt)("h3",{id:"name"},"name"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("strong",{parentName:"p"},"name"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"Name of the widget which will be used to reference it in code"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"minwidth"},"minWidth"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("strong",{parentName:"p"},"minWidth"),": ","`","${number}dp","`"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"minheight"},"minHeight"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("strong",{parentName:"p"},"minHeight"),": ","`","${number}dp","`"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"label"},"label"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"label"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"Label that will be shown in widget picker"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"description"},"description"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"description"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"string")),(0,r.kt)("p",null,"Description that will be shown in widget picker"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"maxresizewidth"},"maxResizeWidth"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"maxResizeWidth"),": ","`","${number}dp","`"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"maxresizeheight"},"maxResizeHeight"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"maxResizeHeight"),": ","`","${number}dp","`"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"previewimage"},"previewImage"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"previewImage"),": ",(0,r.kt)("a",{parentName:"p",href:"../#resourcepath"},(0,r.kt)("inlineCode",{parentName:"a"},"ResourcePath"))),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"resizemode"},"resizeMode"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"resizeMode"),": ",(0,r.kt)("inlineCode",{parentName:"p"},'"none"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"horizontal"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"vertical"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"horizontal|vertical"')),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"widgetfeatures"},"widgetFeatures"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"widgetFeatures"),": ",(0,r.kt)("inlineCode",{parentName:"p"},'"reconfigurable"')," ","|"," ",(0,r.kt)("inlineCode",{parentName:"p"},'"reconfigurable|configuration_optional"')),(0,r.kt)("p",null,"Whether the widget can be configured.\n'configurable' means that the widget is configurable, and a\nconfiguration activity will be open when the widget is added on home screen.\n'reconfigurable|configuration_optional' will make the widget configurable,\nbut will not open the configuration activity when added on home screen,\nand the configuration can be changed by holding the widget and selecting configure.\nThe widget will not be configurable if ",(0,r.kt)("inlineCode",{parentName:"p"},"widgetFeatures")," is not provided"),(0,r.kt)("hr",null),(0,r.kt)("h3",{id:"updateperiodmillis"},"updatePeriodMillis"),(0,r.kt)("p",null,"\u2022 ",(0,r.kt)("inlineCode",{parentName:"p"},"Optional")," ",(0,r.kt)("strong",{parentName:"p"},"updatePeriodMillis"),": ",(0,r.kt)("inlineCode",{parentName:"p"},"number")),(0,r.kt)("p",null,"How often the widget should be updated, in milliseconds."),(0,r.kt)("p",null,"Default is 0 (no automatic updates)"),(0,r.kt)("p",null,"Minimum is 1.800.000 (30 minutes == 30 ",(0,r.kt)("em",{parentName:"p"}," 60 ")," 1000)."))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/ff470113.b73e04fe.js b/assets/js/ff470113.b73e04fe.js new file mode 100644 index 0000000..3aa2b28 --- /dev/null +++ b/assets/js/ff470113.b73e04fe.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[3153],{7335:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>c,contentTitle:()=>s,default:()=>h,frontMatter:()=>d,metadata:()=>l,toc:()=>o});var t=n(5893),r=n(1151);const d={id:"Widget",title:"Interface: Widget",sidebar_label:"Widget",sidebar_position:0,custom_edit_url:null},s=void 0,l={id:"public-api/interfaces/Widget",title:"Interface: Widget",description:"Properties",source:"@site/docs/public-api/interfaces/Widget.md",sourceDirName:"public-api/interfaces",slug:"/public-api/interfaces/Widget",permalink:"/react-native-android-widget/docs/public-api/interfaces/Widget",draft:!1,unlisted:!1,editUrl:null,tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"Widget",title:"Interface: Widget",sidebar_label:"Widget",sidebar_position:0,custom_edit_url:null},sidebar:"api",previous:{title:"TextWidgetStyle",permalink:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle"},next:{title:"WidgetConfigurationScreenProps",permalink:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps"}},c={},o=[{value:"Properties",id:"properties",level:2},{value:"name",id:"name",level:3},{value:"minWidth",id:"minwidth",level:3},{value:"minHeight",id:"minheight",level:3},{value:"label",id:"label",level:3},{value:"description",id:"description",level:3},{value:"maxResizeWidth",id:"maxresizewidth",level:3},{value:"maxResizeHeight",id:"maxresizeheight",level:3},{value:"previewImage",id:"previewimage",level:3},{value:"resizeMode",id:"resizemode",level:3},{value:"widgetFeatures",id:"widgetfeatures",level:3},{value:"updatePeriodMillis",id:"updateperiodmillis",level:3}];function a(e){const i={code:"code",h2:"h2",h3:"h3",hr:"hr",p:"p",strong:"strong",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.h2,{id:"properties",children:"Properties"}),"\n",(0,t.jsx)(i.h3,{id:"name",children:"name"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"name"}),": ",(0,t.jsx)(i.code,{children:"string"})]}),"\n",(0,t.jsx)(i.p,{children:"Name of the widget which will be used to reference it in code"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"minwidth",children:"minWidth"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"minWidth"}),": `${number}dp`"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"minheight",children:"minHeight"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.strong,{children:"minHeight"}),": `${number}dp`"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"label",children:"label"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"label"}),": ",(0,t.jsx)(i.code,{children:"string"})]}),"\n",(0,t.jsx)(i.p,{children:"Label that will be shown in widget picker"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"description",children:"description"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"description"}),": ",(0,t.jsx)(i.code,{children:"string"})]}),"\n",(0,t.jsx)(i.p,{children:"Description that will be shown in widget picker"}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"maxresizewidth",children:"maxResizeWidth"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"maxResizeWidth"}),": `${number}dp`"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"maxresizeheight",children:"maxResizeHeight"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"maxResizeHeight"}),": `${number}dp`"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"previewimage",children:"previewImage"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"previewImage"}),": `./${string}` | `../${string}`"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"resizemode",children:"resizeMode"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"resizeMode"}),": ",(0,t.jsx)(i.code,{children:'"none"'})," | ",(0,t.jsx)(i.code,{children:'"horizontal"'})," | ",(0,t.jsx)(i.code,{children:'"vertical"'})," | ",(0,t.jsx)(i.code,{children:'"horizontal|vertical"'})]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"widgetfeatures",children:"widgetFeatures"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"widgetFeatures"}),": ",(0,t.jsx)(i.code,{children:'"reconfigurable"'})," | ",(0,t.jsx)(i.code,{children:'"reconfigurable|configuration_optional"'})]}),"\n",(0,t.jsxs)(i.p,{children:["Whether the widget can be configured.\n'configurable' means that the widget is configurable, and a\nconfiguration activity will be open when the widget is added on home screen.\n'reconfigurable|configuration_optional' will make the widget configurable,\nbut will not open the configuration activity when added on home screen,\nand the configuration can be changed by holding the widget and selecting configure.\nThe widget will not be configurable if ",(0,t.jsx)(i.code,{children:"widgetFeatures"})," is not provided"]}),"\n",(0,t.jsx)(i.hr,{}),"\n",(0,t.jsx)(i.h3,{id:"updateperiodmillis",children:"updatePeriodMillis"}),"\n",(0,t.jsxs)(i.p,{children:["\u2022 ",(0,t.jsx)(i.code,{children:"Optional"})," ",(0,t.jsx)(i.strong,{children:"updatePeriodMillis"}),": ",(0,t.jsx)(i.code,{children:"number"})]}),"\n",(0,t.jsx)(i.p,{children:"How often the widget should be updated, in milliseconds."}),"\n",(0,t.jsx)(i.p,{children:"Default is 0 (no automatic updates)"}),"\n",(0,t.jsx)(i.p,{children:"Minimum is 1.800.000 (30 minutes == 30 * 60 * 1000)."})]})}function h(e={}){const{wrapper:i}={...(0,r.a)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},1151:(e,i,n)=>{n.d(i,{Z:()=>l,a:()=>s});var t=n(7294);const r={},d=t.createContext(r);function s(e){const i=t.useContext(d);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function l(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),t.createElement(d.Provider,{value:i},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/main.7d4d413a.js b/assets/js/main.7d4d413a.js new file mode 100644 index 0000000..8124492 --- /dev/null +++ b/assets/js/main.7d4d413a.js @@ -0,0 +1,2 @@ +/*! For license information please see main.7d4d413a.js.LICENSE.txt */ +(self.webpackChunkreact_native_android_widget_docs=self.webpackChunkreact_native_android_widget_docs||[]).push([[179],{723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(7294);var r=n(8356),a=n.n(r),o=n(6887);const i={"0124b8bf":[()=>n.e(2934).then(n.bind(n,6583)),"@site/docs/public-api/interfaces/BackgroundStyleProps.md",6583],"01e0afe4":[()=>n.e(7291).then(n.bind(n,4060)),"@site/docs/tutorial/widget-design.md",4060],"0314676f":[()=>n.e(5020).then(n.bind(n,2861)),"@site/docs/public-api/interfaces/IconWidgetProps.md",2861],"0cb0f7cb":[()=>n.e(7374).then(n.bind(n,5672)),"@site/docs/public-api/interfaces/OverlapWidgetStyle.md",5672],"1476a8a4":[()=>n.e(5087).then(n.bind(n,1605)),"@site/docs/limitations.md",1605],"14eb3368":[()=>Promise.all([n.e(532),n.e(9817)]).then(n.bind(n,4228)),"@theme/DocCategoryGeneratedIndexPage",4228],17896441:[()=>Promise.all([n.e(532),n.e(7918)]).then(n.bind(n,3518)),"@theme/DocItem",3518],"17c5701b":[()=>n.e(3895).then(n.bind(n,2435)),"@site/docs/primitives/svg-widget.md",2435],"181303e3":[()=>n.e(7473).then(n.bind(n,1699)),"@site/docs/api/register-widget-configuration-screen.md",1699],"1bb5842c":[()=>n.e(322).then(n.bind(n,4745)),"@site/docs/primitives/list-widget.md",4745],"1cfe139a":[()=>n.e(9484).then(n.bind(n,8469)),"@site/docs/public-api/index.md",8469],"1df93b7f":[()=>Promise.all([n.e(532),n.e(3237)]).then(n.bind(n,8391)),"@site/src/pages/index.tsx",8391],"24767a4f":[()=>n.e(1400).then(n.bind(n,2839)),"@site/docs/public-api/interfaces/WidgetTaskHandlerProps.md",2839],"281947f5":[()=>n.e(6831).then(n.bind(n,8062)),"@site/docs/public-api/interfaces/OverlapWidgetProps.md",8062],"2eb66e86":[()=>n.e(6090).then(n.bind(n,5587)),"@site/docs/public-api/interfaces/ImageWidgetProps.md",5587],"31e029c9":[()=>n.e(1946).then(n.bind(n,2003)),"@site/docs/tutorial/register-widget-expo.md",2003],"334fbae1":[()=>n.e(6998).then(n.bind(n,3532)),"@site/docs/public-api/interfaces/WidgetConfigurationScreenProps.md",3532],"3666eb9e":[()=>n.e(4483).then(n.bind(n,3467)),"@site/docs/api/widget-preview.md",3467],"399d2a39":[()=>n.e(6573).then(n.bind(n,6455)),"@site/docs/tutorial/make-widget-configurable.md",6455],"3a45f1c7":[()=>n.e(9239).then(n.bind(n,108)),"@site/docs/handling-clicks.md",108],"3fa31a86":[()=>n.e(7938).then(n.bind(n,4416)),"@site/docs/primitives/overlap-widget.md",4416],"407354e8":[()=>n.e(1493).then(n.t.bind(n,3769,19)),"/home/runner/work/react-native-android-widget/react-native-android-widget/docs/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",3769],"4787fd9f":[()=>n.e(1161).then(n.bind(n,4767)),"@site/docs/public-api/interfaces/ClickActionProps.md",4767],"49b00a7f":[()=>n.e(5187).then(n.bind(n,3526)),"@site/docs/public-api/interfaces/OtherStyleProps.md",3526],"4b7010bf":[()=>n.e(5710).then(n.bind(n,3348)),"@site/docs/tutorial/register-task-handler.md",3348],"5b19e069":[()=>n.e(1408).then(n.bind(n,9513)),"@site/docs/primitives/text-widget.md",9513],"5d454204":[()=>n.e(3814).then(n.bind(n,8943)),"@site/docs/public-api/interfaces/WidgetPreviewProps.md",8943],"5e95c892":[()=>n.e(9661).then(n.bind(n,1892)),"@theme/DocsRoot",1892],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],70097127:[()=>n.e(1744).then(n.bind(n,4115)),"@site/docs/tutorial/try-it-our.md",4115],"7135efbc":[()=>n.e(7071).then(n.bind(n,8285)),"@site/docs/public-api/interfaces/FlexWidgetStyle.md",8285],"730f732a":[()=>n.e(8998).then(n.bind(n,1382)),"@site/docs/public-api/interfaces/PaddingStyleProps.md",1382],"7402041a":[()=>n.e(9557).then(n.bind(n,6035)),"@site/docs/update-widget.md",6035],"74b23640":[()=>n.e(2814).then(n.bind(n,9562)),"@site/docs/demo.md",9562],"7ad22d07":[()=>n.e(5073).then(n.bind(n,6932)),"@site/docs/public-api/interfaces/RequestWidgetUpdateProps.md",6932],"7d14206d":[()=>n.e(9896).then(n.bind(n,7024)),"@site/docs/api/request-widget-update.md",7024],"7f5eb84b":[()=>n.e(9069).then(n.bind(n,8351)),"@site/docs/public-api/interfaces/CommonStyleProps.md",8351],"82b1394b":[()=>n.e(6117).then(n.bind(n,8418)),"@site/docs/primitives/image-widget.md",8418],"8d25c1fb":[()=>n.e(1328).then(n.bind(n,9602)),"@site/docs/public-api/interfaces/FlexWidgetProps.md",9602],"935f2afb":[()=>n.e(53).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"94be2f97":[()=>n.e(265).then(n.bind(n,6255)),"@site/docs/public-api/interfaces/TextWidgetStyle.md",6255],"95f41f41":[()=>n.e(9209).then(n.bind(n,6265)),"@site/docs/public-api/interfaces/SvgWidgetProps.md",6265],"9958a938":[()=>n.e(8646).then(n.t.bind(n,8178,19)),"~docs/default/category-react-native-android-widgetdocs-default-category-widget-primitives-4d5.json",8178],a3102611:[()=>n.e(7679).then(n.bind(n,3271)),"@site/docs/public-api/interfaces/MarginStyleProps.md",3271],a66dadf2:[()=>n.e(5672).then(n.bind(n,8051)),"@site/docs/public-api/interfaces/TextWidgetProps.md",8051],a7bd4aaa:[()=>n.e(8518).then(n.bind(n,8564)),"@theme/DocVersionRoot",8564],a94703ab:[()=>Promise.all([n.e(532),n.e(4368)]).then(n.bind(n,2674)),"@theme/DocRoot",2674],aa86ff20:[()=>n.e(1188).then(n.bind(n,3156)),"@site/docs/primitives/flex-widget.md",3156],adcb0710:[()=>n.e(9945).then(n.t.bind(n,5745,19)),"/home/runner/work/react-native-android-widget/react-native-android-widget/docs/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],b0736eaa:[()=>n.e(2097).then(n.bind(n,9322)),"@site/docs/public-api/interfaces/ScreenInfo.md",9322],bcaac1db:[()=>n.e(6516).then(n.bind(n,177)),"@site/docs/public-api/interfaces/SizeStyleProps.md",177],bcda6bdc:[()=>n.e(3159).then(n.bind(n,9300)),"@site/docs/public-api/interfaces/BorderStyleProps.md",9300],c10b2ba3:[()=>n.e(8888).then(n.bind(n,8621)),"@site/docs/tutorial/widget-preview.md",8621],c377a04b:[()=>Promise.all([n.e(532),n.e(6971)]).then(n.bind(n,2660)),"@site/docs/index.md",2660],c56934f7:[()=>n.e(2321).then(n.bind(n,4961)),"@site/docs/public-api/interfaces/WithAndroidWidgetsParams.md",4961],cc1aedd7:[()=>n.e(1069).then(n.bind(n,2110)),"@site/docs/primitives/icon-widget.md",2110],d5b87c6b:[()=>n.e(2386).then(n.bind(n,4768)),"@site/docs/public-api/interfaces/ListWidgetStyle.md",4768],e73c34ba:[()=>n.e(924).then(n.bind(n,9202)),"@site/docs/public-api/interfaces/IconWidgetStyle.md",9202],ead7330c:[()=>n.e(7655).then(n.bind(n,2032)),"@site/docs/tutorial/congratulations.md",2032],ef61de09:[()=>n.e(7386).then(n.bind(n,7640)),"@site/docs/api/register-widget-task-handler.md",7640],f477c445:[()=>n.e(9990).then(n.bind(n,5733)),"@site/docs/tutorial/register-widget.md",5733],f600eb30:[()=>n.e(8558).then(n.bind(n,5851)),"@site/docs/public-api/interfaces/ListWidgetProps.md",5851],ff301dc0:[()=>n.e(5937).then(n.bind(n,4595)),"@site/docs/public-api/interfaces/WidgetInfo.md",4595],ff470113:[()=>n.e(3153).then(n.bind(n,7335)),"@site/docs/public-api/interfaces/Widget.md",7335]};var l=n(5893);function s(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(9670),u=n(226);function d(e,t){if("*"===e)return a()({loading:s,loader:()=>n.e(1772).then(n.bind(n,1772)),modules:["@theme/NotFound"],webpack:()=>[1772],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const r=o[`${e}-${t}`],d={},p=[],f=[],g=(0,c.Z)(r);return Object.entries(g).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),a().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const a=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const o=r.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{o[e]=r[e]}));let i=a;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=o}));const o=a.__comp;delete a.__comp;const i=a.__context;return delete a.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(o,{...a,...n})})}})}const p=[{path:"/react-native-android-widget/docs",component:d("/react-native-android-widget/docs","adb"),routes:[{path:"/react-native-android-widget/docs",component:d("/react-native-android-widget/docs","a72"),routes:[{path:"/react-native-android-widget/docs",component:d("/react-native-android-widget/docs","f32"),routes:[{path:"/react-native-android-widget/docs",component:d("/react-native-android-widget/docs","04b"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/api/register-widget-configuration-screen",component:d("/react-native-android-widget/docs/api/register-widget-configuration-screen","49a"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/api/register-widget-task-handler",component:d("/react-native-android-widget/docs/api/register-widget-task-handler","a05"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/api/request-widget-update",component:d("/react-native-android-widget/docs/api/request-widget-update","861"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/api/widget-preview",component:d("/react-native-android-widget/docs/api/widget-preview","c3c"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/demo",component:d("/react-native-android-widget/docs/demo","9e2"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/handling-clicks",component:d("/react-native-android-widget/docs/handling-clicks","2ff"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/limitations",component:d("/react-native-android-widget/docs/limitations","6ec"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/primitives/flex-widget",component:d("/react-native-android-widget/docs/primitives/flex-widget","dec"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/primitives/icon-widget",component:d("/react-native-android-widget/docs/primitives/icon-widget","3e0"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/primitives/image-widget",component:d("/react-native-android-widget/docs/primitives/image-widget","deb"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/primitives/index",component:d("/react-native-android-widget/docs/primitives/index","8e6"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/primitives/list-widget",component:d("/react-native-android-widget/docs/primitives/list-widget","b05"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/primitives/overlap-widget",component:d("/react-native-android-widget/docs/primitives/overlap-widget","bbd"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/primitives/svg-widget",component:d("/react-native-android-widget/docs/primitives/svg-widget","430"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/primitives/text-widget",component:d("/react-native-android-widget/docs/primitives/text-widget","15b"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/public-api",component:d("/react-native-android-widget/docs/public-api","b59"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps",component:d("/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps","90e"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps",component:d("/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps","020"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps",component:d("/react-native-android-widget/docs/public-api/interfaces/ClickActionProps","2f7"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps",component:d("/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps","cd6"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps",component:d("/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps","e30"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle",component:d("/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle","869"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps",component:d("/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps","324"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle",component:d("/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle","a1c"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps",component:d("/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps","79e"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps",component:d("/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps","293"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle",component:d("/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle","eb4"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps",component:d("/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps","1b6"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps",component:d("/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps","8ab"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps",component:d("/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps","376"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle",component:d("/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle","b9a"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps",component:d("/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps","287"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps",component:d("/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps","cf2"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo",component:d("/react-native-android-widget/docs/public-api/interfaces/ScreenInfo","e2e"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps",component:d("/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps","f5a"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps",component:d("/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps","248"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps",component:d("/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps","cab"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle",component:d("/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle","e87"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/Widget",component:d("/react-native-android-widget/docs/public-api/interfaces/Widget","859"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps",component:d("/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps","27e"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo",component:d("/react-native-android-widget/docs/public-api/interfaces/WidgetInfo","387"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps",component:d("/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps","cc8"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps",component:d("/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps","68e"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams",component:d("/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams","cf1"),exact:!0,sidebar:"api"},{path:"/react-native-android-widget/docs/tutorial/congratulations",component:d("/react-native-android-widget/docs/tutorial/congratulations","b64"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/tutorial/make-widget-configurable",component:d("/react-native-android-widget/docs/tutorial/make-widget-configurable","93a"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/tutorial/register-task-handler",component:d("/react-native-android-widget/docs/tutorial/register-task-handler","10d"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/tutorial/register-widget",component:d("/react-native-android-widget/docs/tutorial/register-widget","f46"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/tutorial/register-widget-expo",component:d("/react-native-android-widget/docs/tutorial/register-widget-expo","a54"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/tutorial/try-it-our",component:d("/react-native-android-widget/docs/tutorial/try-it-our","b65"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/tutorial/widget-design",component:d("/react-native-android-widget/docs/tutorial/widget-design","689"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/tutorial/widget-preview",component:d("/react-native-android-widget/docs/tutorial/widget-preview","786"),exact:!0,sidebar:"default"},{path:"/react-native-android-widget/docs/update-widget",component:d("/react-native-android-widget/docs/update-widget","b60"),exact:!0,sidebar:"default"}]}]}]},{path:"/react-native-android-widget/",component:d("/react-native-android-widget/","ae8"),exact:!0},{path:"*",component:d("*")}]},8934:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>i});var r=n(7294),a=n(5893);const o=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,a.jsx)(o.Provider,{value:n,children:t})}},7221:(e,t,n)=>{"use strict";var r=n(7294),a=n(745),o=n(3727),i=n(405),l=n(412);const s=[n(6657),n(2497),n(3310),n(8320),n(2295)];var c=n(723),u=n(6550),d=n(8790),p=n(5893);function f(e){let{children:t}=e;return(0,p.jsx)(p.Fragment,{children:t})}var g=n(5742),m=n(2263),h=n(4996),b=n(6668),y=n(1944),v=n(4711),w=n(9727),k=n(3320),x=n(8780),S=n(197);function E(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,m.Z)(),r=(0,v.l)(),a=n[e].htmlLang,o=e=>e.replace("-","_");return(0,p.jsxs)(g.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,p.jsx)("meta",{property:"og:locale",content:o(a)}),Object.values(n).filter((e=>a!==e.htmlLang)).map((e=>(0,p.jsx)("meta",{property:"og:locale:alternate",content:o(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function _(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,m.Z)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,m.Z)(),{pathname:r}=(0,u.TH)();return e+(0,x.applyTrailingSlash)((0,h.Z)(r),{trailingSlash:n,baseUrl:t})}(),a=t?`${n}${t}`:r;return(0,p.jsxs)(g.Z,{children:[(0,p.jsx)("meta",{property:"og:url",content:a}),(0,p.jsx)("link",{rel:"canonical",href:a})]})}function C(){const{i18n:{currentLocale:e}}=(0,m.Z)(),{metadata:t,image:n}=(0,b.L)();return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(g.Z,{children:[(0,p.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,p.jsx)("body",{className:w.h})]}),n&&(0,p.jsx)(y.d,{image:n}),(0,p.jsx)(_,{}),(0,p.jsx)(E,{}),(0,p.jsx)(S.Z,{tag:k.HX,locale:e}),(0,p.jsx)(g.Z,{children:t.map(((e,t)=>(0,p.jsx)("meta",{...e},t)))})]})}const T=new Map;function P(e){if(T.has(e.pathname))return{...e,pathname:T.get(e.pathname)};if((0,d.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return T.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return T.set(e.pathname,t),{...e,pathname:t}}var N=n(8934),A=n(8940),L=n(469);function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r {const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>a.forEach((e=>e?.()))}const O=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,L.Z)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,a=t.hash===n.hash,o=t.search===n.search;if(r&&a&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),j("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function R(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.f)(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class I extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?j("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=j("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),R(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,p.jsx)(O,{previousLocation:this.previousLocation,location:t,children:(0,p.jsx)(u.AW,{location:t,render:()=>e})})}}const F=I,M="__docusaurus-base-url-issue-banner-container",D="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n var shouldInsert = typeof window['docusaurus'] === 'undefined';\n shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n var bannerContainer = document.createElement('div');\n bannerContainer.id = '${M}';\n var bannerHtml = ${JSON.stringify(function(e){return`\n \n\n`}(e)).replace(/{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const a=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;a?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var Q=n(9670);const K=new Set,X=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!X.has(e)&&!K.has(e))(e))return!1;K.add(e);const t=(0,d.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(G).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,Q.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Y(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!X.has(e))(e)&&(X.add(e),R(e))},te=Object.freeze(ee),ne=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=te;const e=document.getElementById("__docusaurus"),t=(0,p.jsx)(i.B6,{children:(0,p.jsx)(o.VK,{children:(0,p.jsx)(q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ne)r.startTransition((()=>{a.hydrateRoot(e,t,{onRecoverableError:n})}));else{const o=a.createRoot(e,{onRecoverableError:n});r.startTransition((()=>{o.render(t)}))}};R(window.location.pathname).then(l)}},8940:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var r=n(7294),a=n(6809);const o=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-S7YD6GC3T0"],"anonymizeIP":false,"id":"default"}},"docusaurus-plugin-content-docs":{"default":{"path":"/react-native-android-widget/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/react-native-android-widget/docs","mainDocId":"index","docs":[{"id":"api/register-widget-configuration-screen","path":"/react-native-android-widget/docs/api/register-widget-configuration-screen","sidebar":"default"},{"id":"api/register-widget-task-handler","path":"/react-native-android-widget/docs/api/register-widget-task-handler","sidebar":"default"},{"id":"api/request-widget-update","path":"/react-native-android-widget/docs/api/request-widget-update","sidebar":"default"},{"id":"api/widget-preview","path":"/react-native-android-widget/docs/api/widget-preview","sidebar":"default"},{"id":"demo","path":"/react-native-android-widget/docs/demo","sidebar":"default"},{"id":"handling-clicks","path":"/react-native-android-widget/docs/handling-clicks","sidebar":"default"},{"id":"index","path":"/react-native-android-widget/docs/","sidebar":"default"},{"id":"limitations","path":"/react-native-android-widget/docs/limitations","sidebar":"default"},{"id":"primitives/flex-widget","path":"/react-native-android-widget/docs/primitives/flex-widget","sidebar":"default"},{"id":"primitives/icon-widget","path":"/react-native-android-widget/docs/primitives/icon-widget","sidebar":"default"},{"id":"primitives/image-widget","path":"/react-native-android-widget/docs/primitives/image-widget","sidebar":"default"},{"id":"primitives/list-widget","path":"/react-native-android-widget/docs/primitives/list-widget","sidebar":"default"},{"id":"primitives/overlap-widget","path":"/react-native-android-widget/docs/primitives/overlap-widget","sidebar":"default"},{"id":"primitives/svg-widget","path":"/react-native-android-widget/docs/primitives/svg-widget","sidebar":"default"},{"id":"primitives/text-widget","path":"/react-native-android-widget/docs/primitives/text-widget","sidebar":"default"},{"id":"public-api/index","path":"/react-native-android-widget/docs/public-api/","sidebar":"api"},{"id":"public-api/interfaces/BackgroundStyleProps","path":"/react-native-android-widget/docs/public-api/interfaces/BackgroundStyleProps","sidebar":"api"},{"id":"public-api/interfaces/BorderStyleProps","path":"/react-native-android-widget/docs/public-api/interfaces/BorderStyleProps","sidebar":"api"},{"id":"public-api/interfaces/ClickActionProps","path":"/react-native-android-widget/docs/public-api/interfaces/ClickActionProps","sidebar":"api"},{"id":"public-api/interfaces/CommonStyleProps","path":"/react-native-android-widget/docs/public-api/interfaces/CommonStyleProps","sidebar":"api"},{"id":"public-api/interfaces/FlexWidgetProps","path":"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetProps","sidebar":"api"},{"id":"public-api/interfaces/FlexWidgetStyle","path":"/react-native-android-widget/docs/public-api/interfaces/FlexWidgetStyle","sidebar":"api"},{"id":"public-api/interfaces/IconWidgetProps","path":"/react-native-android-widget/docs/public-api/interfaces/IconWidgetProps","sidebar":"api"},{"id":"public-api/interfaces/IconWidgetStyle","path":"/react-native-android-widget/docs/public-api/interfaces/IconWidgetStyle","sidebar":"api"},{"id":"public-api/interfaces/ImageWidgetProps","path":"/react-native-android-widget/docs/public-api/interfaces/ImageWidgetProps","sidebar":"api"},{"id":"public-api/interfaces/ListWidgetProps","path":"/react-native-android-widget/docs/public-api/interfaces/ListWidgetProps","sidebar":"api"},{"id":"public-api/interfaces/ListWidgetStyle","path":"/react-native-android-widget/docs/public-api/interfaces/ListWidgetStyle","sidebar":"api"},{"id":"public-api/interfaces/MarginStyleProps","path":"/react-native-android-widget/docs/public-api/interfaces/MarginStyleProps","sidebar":"api"},{"id":"public-api/interfaces/OtherStyleProps","path":"/react-native-android-widget/docs/public-api/interfaces/OtherStyleProps","sidebar":"api"},{"id":"public-api/interfaces/OverlapWidgetProps","path":"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetProps","sidebar":"api"},{"id":"public-api/interfaces/OverlapWidgetStyle","path":"/react-native-android-widget/docs/public-api/interfaces/OverlapWidgetStyle","sidebar":"api"},{"id":"public-api/interfaces/PaddingStyleProps","path":"/react-native-android-widget/docs/public-api/interfaces/PaddingStyleProps","sidebar":"api"},{"id":"public-api/interfaces/RequestWidgetUpdateProps","path":"/react-native-android-widget/docs/public-api/interfaces/RequestWidgetUpdateProps","sidebar":"api"},{"id":"public-api/interfaces/ScreenInfo","path":"/react-native-android-widget/docs/public-api/interfaces/ScreenInfo","sidebar":"api"},{"id":"public-api/interfaces/SizeStyleProps","path":"/react-native-android-widget/docs/public-api/interfaces/SizeStyleProps","sidebar":"api"},{"id":"public-api/interfaces/SvgWidgetProps","path":"/react-native-android-widget/docs/public-api/interfaces/SvgWidgetProps","sidebar":"api"},{"id":"public-api/interfaces/TextWidgetProps","path":"/react-native-android-widget/docs/public-api/interfaces/TextWidgetProps","sidebar":"api"},{"id":"public-api/interfaces/TextWidgetStyle","path":"/react-native-android-widget/docs/public-api/interfaces/TextWidgetStyle","sidebar":"api"},{"id":"public-api/interfaces/Widget","path":"/react-native-android-widget/docs/public-api/interfaces/Widget","sidebar":"api"},{"id":"public-api/interfaces/WidgetConfigurationScreenProps","path":"/react-native-android-widget/docs/public-api/interfaces/WidgetConfigurationScreenProps","sidebar":"api"},{"id":"public-api/interfaces/WidgetInfo","path":"/react-native-android-widget/docs/public-api/interfaces/WidgetInfo","sidebar":"api"},{"id":"public-api/interfaces/WidgetPreviewProps","path":"/react-native-android-widget/docs/public-api/interfaces/WidgetPreviewProps","sidebar":"api"},{"id":"public-api/interfaces/WidgetTaskHandlerProps","path":"/react-native-android-widget/docs/public-api/interfaces/WidgetTaskHandlerProps","sidebar":"api"},{"id":"public-api/interfaces/WithAndroidWidgetsParams","path":"/react-native-android-widget/docs/public-api/interfaces/WithAndroidWidgetsParams","sidebar":"api"},{"id":"tutorial/congratulations","path":"/react-native-android-widget/docs/tutorial/congratulations","sidebar":"default"},{"id":"tutorial/make-widget-configurable","path":"/react-native-android-widget/docs/tutorial/make-widget-configurable","sidebar":"default"},{"id":"tutorial/register-task-handler","path":"/react-native-android-widget/docs/tutorial/register-task-handler","sidebar":"default"},{"id":"tutorial/register-widget","path":"/react-native-android-widget/docs/tutorial/register-widget","sidebar":"default"},{"id":"tutorial/register-widget-expo","path":"/react-native-android-widget/docs/tutorial/register-widget-expo","sidebar":"default"},{"id":"tutorial/try-it-our","path":"/react-native-android-widget/docs/tutorial/try-it-our","sidebar":"default"},{"id":"tutorial/widget-design","path":"/react-native-android-widget/docs/tutorial/widget-design","sidebar":"default"},{"id":"tutorial/widget-preview","path":"/react-native-android-widget/docs/tutorial/widget-preview","sidebar":"default"},{"id":"update-widget","path":"/react-native-android-widget/docs/update-widget","sidebar":"default"},{"id":"/primitives/index","path":"/react-native-android-widget/docs/primitives/index","sidebar":"default"}],"draftIds":[],"sidebars":{"default":{"link":{"path":"/react-native-android-widget/docs/","label":"index"}},"api":{"link":{"path":"/react-native-android-widget/docs/public-api/","label":"Public API"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.1.0","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.1.0"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.1.0"},"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.1.0"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.1.0"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.1.0"},"docusaurus-plugin-typedoc":{"type":"package","name":"docusaurus-plugin-typedoc","version":"0.22.0"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.1.0"}}}');var c=n(5893);const u={siteConfig:a.default,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},4763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7294),a=n(412),o=n(5742),i=n(8780),l=n(6040),s=n(5893);function c(e){let{error:t,tryAgain:n}=e;return(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,s.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,s.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,s.jsx)(u,{error:t})]})}function u(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,s.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function d(e){let{error:t,tryAgain:n}=e;return(0,s.jsxs)(f,{fallback:()=>(0,s.jsx)(c,{error:t,tryAgain:n}),children:[(0,s.jsx)(o.Z,{children:(0,s.jsx)("title",{children:"Page Error"})}),(0,s.jsx)(l.Z,{children:(0,s.jsx)(c,{error:t,tryAgain:n})})]})}const p=e=>(0,s.jsx)(d,{...e});class f extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){a.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??p)(e)}return e??null}}},412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,a={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},5742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(7294);var r=n(405),a=n(5893);function o(e){return(0,a.jsx)(r.ql,{...e})}},3692:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7294),a=n(3727),o=n(8780),i=n(2263),l=n(3919),s=n(412),c=n(8138),u=n(4996),d=n(5893);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:g,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:k}=(0,u.C)(),x=(0,c.Z)(),S=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>S.current));const E=p||f;const _=(0,l.Z)(E),C=E?.replace("pathname://","");let T=void 0!==C?(P=C,b&&(e=>e.startsWith("/"))(P)?k(P):P):void 0;var P;T&&_&&(T=(0,o.applyTrailingSlash)(T,{trailingSlash:v,baseUrl:w}));const N=(0,r.useRef)(!1),A=n?a.OL:a.rU,L=s.Z.canUseIntersectionObserver,j=(0,r.useRef)(),O=()=>{N.current||null==T||(window.docusaurus.preload(T),N.current=!0)};(0,r.useEffect)((()=>(!L&&_&&null!=T&&window.docusaurus.prefetch(T),()=>{L&&j.current&&j.current.disconnect()})),[j,T,L,_]);const R=T?.startsWith("#")??!1,I=!T||!_||R;return I||h||x.collectLink(T),I?(0,d.jsx)("a",{ref:S,href:T,...E&&!_&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,d.jsx)(A,{...y,onMouseEnter:O,onTouchStart:O,innerRef:e=>{S.current=e,L&&e&&_&&(j.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(j.current.unobserve(e),j.current.disconnect(),null!=T&&window.docusaurus.prefetch(T))}))})),j.current.observe(e))},to:T,...n&&{isActive:m,activeClassName:g}})}const f=r.forwardRef(p)},1875:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r=()=>null},5999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c,I:()=>s});var r=n(7294),a=n(5893);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(7529);function l(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function s(e,t){let{message:n,id:r}=e;return o(l({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("IllegalYour Docusaurus site did not load properly.
\nA very common reason is a wrong site baseUrl configuration.
\nCurrent configured baseUrl = ${e} ${"/"===e?" (default value)":""}
\nWe suggest trying baseUrl =
\nchildren",t),new Error("The Docusaurus component only accept simple string values");const i=l({message:t,id:n});return(0,a.jsx)(a.Fragment,{children:o(i,r)})}},9935:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});const r="default"},3919:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function a(e){return void 0!==e&&!r(e)}n.d(t,{Z:()=>a,b:()=>r})},4996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var r=n(7294),a=n(2263),o=n(3919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,a.Z)(),n=(0,r.useCallback)(((n,r)=>function(e,t,n,r){let{forcePrependBaseUrl:a=!1,absolute:i=!1}=void 0===r?{}:r;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(a)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,r)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},8138:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(7294);n(5893);const a=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),o=()=>(0,r.useContext)(a);function i(){return o()}},2263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(7294),a=n(8940);function o(){return(0,r.useContext)(a._)}},2389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(7294),a=n(8934);function o(){return(0,r.useContext)(a._)}},469:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294);const a=n(412).Z.canUseDOM?r.useLayoutEffect:r.useEffect},9670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function a(e){const t={};return function e(n,a){Object.entries(n).forEach((n=>{let[o,i]=n;const l=a?`${a}.${o}`:o;r(i)?e(i,l):t[l]=i}))}(e),t}},226:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>i});var r=n(7294),a=n(5893);const o=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(o),l=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,a.jsx)(o.Provider,{value:l,children:t})}},143:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>m,gA:()=>p,_r:()=>u,Jo:()=>h,zh:()=>d,yW:()=>g,gB:()=>f});var r=n(6550),a=n(2263),o=n(9935);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,a.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,r.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),a=n?.docs.find((e=>!!(0,r.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:a,alternateDocVersions:a?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(a.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const r=i(e),a=r?.[t];if(!a&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return a}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){void 0===e&&(e={});const t=u(),{pathname:n}=(0,r.TH)();return function(e,t,n){void 0===n&&(n={});const a=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.LX)(t,{path:n.path,exact:!1,strict:!1})})),o=a?{pluginId:a[0],pluginData:a[1]}:void 0;if(!o&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return o}(t,n,e)}function f(e){return d(e).versions}function g(e){const t=d(e);return l(t)}function m(e){const t=d(e),{pathname:n}=(0,r.TH)();return s(t,n)}function h(e){const t=d(e),{pathname:n}=(0,r.TH)();return function(e,t){const n=l(e);return{latestDocSuggestion:s(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},6657:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},8320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var r=n(4865),a=n.n(r);a().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{a().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){a().done()}}},3310:(e,t,n)=>{"use strict";n.r(t);var r=n(2573),a=n(6809);!function(e){const{themeConfig:{prism:t}}=a.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(6854),n(9640)(`./prism-${e}`)})),delete globalThis.Prism}(r.p1)},7955:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(7294);var r=n(512),a=n(5999),o=n(6668),i=n(3692),l=n(8138);const s={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};var c=n(5893);function u(e){let{as:t,id:n,...u}=e;const d=(0,l.Z)(),{navbar:{hideOnScroll:p}}=(0,o.L)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,a.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.Z)("anchor",p?s.anchorWithHideOnScrollNavbar:s.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(7294);const r={iconExternalLink:"iconExternalLink_nPIU"};var a=n(5893);function o(e){let{width:t=13.5,height:n=13.5}=e;return(0,a.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,a.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},6040:(e,t,n)=>{"use strict";n.d(t,{Z:()=>ft});var r=n(7294),a=n(512),o=n(4763),i=n(1944),l=n(6550),s=n(5999),c=n(5936),u=n(5893);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,l.k6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.S)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const g=(0,s.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function m(e){const t=e.children??g,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":g,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var h=n(5281),b=n(9727);const y={skipToContent:"skipToContent_fXgn"};function v(){return(0,u.jsx)(m,{className:y.skipToContent})}var w=n(6668),k=n(9689);function x(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:a=1.2,className:o,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:a,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const S={closeButton:"closeButton_CVFx"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,s.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,a.Z)("clean-btn close",S.closeButton,e.className),children:(0,u.jsx)(x,{width:14,height:14,strokeWidth:3.1})})}const _={content:"content_knG7"};function C(e){const{announcementBar:t}=(0,w.L)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,a.Z)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const T={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function P(){const{announcementBar:e}=(0,w.L)(),{isActive:t,close:n}=(0,k.nT)();if(!t)return null;const{backgroundColor:r,textColor:a,isCloseable:o}=e;return(0,u.jsxs)("div",{className:T.announcementBar,style:{backgroundColor:r,color:a},role:"banner",children:[o&&(0,u.jsx)("div",{className:T.announcementBarPlaceholder}),(0,u.jsx)(C,{className:T.announcementBarContent}),o&&(0,u.jsx)(E,{onClick:n,className:T.announcementBarClose})]})}var N=n(3163),A=n(2466);var L=n(902),j=n(3102);const O=r.createContext(null);function R(e){let{children:t}=e;const n=function(){const e=(0,N.e)(),t=(0,j.HY)(),[n,a]=(0,r.useState)(!1),o=null!==t.component,i=(0,L.D9)(o);return(0,r.useEffect)((()=>{o&&!i&&a(!0)}),[o,i]),(0,r.useEffect)((()=>{o?e.shown||a(!0):a(!1)}),[e.shown,o]),(0,r.useMemo)((()=>[n,a]),[n])}();return(0,u.jsx)(O.Provider,{value:n,children:t})}function I(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function F(){const e=(0,r.useContext)(O);if(!e)throw new L.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,a=(0,r.useCallback)((()=>n(!1)),[n]),o=(0,j.HY)();return(0,r.useMemo)((()=>({shown:t,hide:a,content:I(o)})),[a,o,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:o}=F();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,a.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":o}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var D=n(2949),z=n(2389);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function $(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const U={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function W(e){let{className:t,buttonClassName:n,value:r,onChange:o}=e;const i=(0,z.Z)(),l=(0,s.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,s.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,s.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,a.Z)(U.toggle,t),children:(0,u.jsxs)("button",{className:(0,a.Z)("clean-btn",U.toggleButton,!i&&U.toggleButtonDisabled,n),type:"button",onClick:()=>o("dark"===r?"light":"dark"),disabled:!i,title:l,"aria-label":l,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,a.Z)(U.toggleIcon,U.lightToggleIcon)}),(0,u.jsx)($,{className:(0,a.Z)(U.toggleIcon,U.darkToggleIcon)})]})})}const Z=r.memo(W),H={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function V(e){let{className:t}=e;const n=(0,w.L)().navbar.style,r=(0,w.L)().colorMode.disableSwitch,{colorMode:a,setColorMode:o}=(0,D.I)();return r?null:(0,u.jsx)(Z,{className:t,buttonClassName:"dark"===n?H.darkNavbarColorModeToggle:void 0,value:a,onChange:o})}var q=n(1327);function G(){return(0,u.jsx)(q.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Y(){const e=(0,N.e)();return(0,u.jsx)("button",{type:"button","aria-label":(0,s.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(x,{color:"var(--ifm-color-emphasis-600)"})})}function Q(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(G,{}),(0,u.jsx)(V,{className:"margin-right--md"}),(0,u.jsx)(Y,{})]})}var K=n(3692),X=n(4996),J=n(3919);function ee(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}var te=n(9471);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:a,label:o,html:i,isDropdownLink:l,prependBaseUrlToHref:s,...c}=e;const d=(0,X.Z)(r),p=(0,X.Z)(t),f=(0,X.Z)(a,{forcePrependBaseUrl:!0}),g=o&&a&&!(0,J.Z)(a),m=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[o,g&&(0,u.jsx)(te.Z,{...l&&{width:12,height:12}})]})};return a?(0,u.jsx)(K.Z,{href:s?f:a,...c,...m}):(0,u.jsx)(K.Z,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?ee(n,t.pathname):t.pathname.startsWith(p)},...c,...m})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const o=(0,u.jsx)(ne,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:o}):o}function ae(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,a.Z)("menu__link",t),...r})})}function oe(e){let{mobile:t=!1,position:n,...r}=e;const a=t?ae:re;return(0,u.jsx)(a,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(6043),le=n(8596),se=n(2263);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_S0Fm"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,le.Mg)(e.to,t)||!!ee(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:o,onClick:i,...l}=e;const s=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,u.jsxs)("div",{ref:s,className:(0,a.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:l.to?void 0:"#",className:(0,a.Z)("navbar__link",o),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:l.children??l.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(_e,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:o,onClick:i,...s}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,se.Z)(),{pathname:t}=(0,l.TH)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:g}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&g(!d)}),[c,d,g]),(0,u.jsxs)("li",{className:(0,a.Z)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,a.Z)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...s,onClick:e=>{e.preventDefault(),f()},children:s.children??s.label}),(0,u.jsx)(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(_e,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var ge=n(4711);function me(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const he="iconLanguage_nlXk";var be=n(1875);const ye={navbarSearchContainer:"navbarSearchContainer_Bca1"};function ve(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,a.Z)(n,ye.navbarSearchContainer),children:t})}var we=n(143),ke=n(3438);var xe=n(373);const Se=e=>e.docs.find((t=>t.id===e.mainDocId));const Ee={default:oe,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:a="",...o}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,se.Z)(),p=(0,ge.l)(),{search:f,hash:g}=(0,l.TH)(),m=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${g}${a}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],h=t?(0,s.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...o,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(me,{className:he}),h]}),items:m})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(ve,{className:n,children:(0,u.jsx)(be.Z,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:o=!1}=e;const i=o?"li":"div";return(0,u.jsx)(i,{className:(0,a.Z)({navbar__item:!r&&!o,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...a}=e;const{activeDoc:o}=(0,we.Iw)(r),i=(0,ke.vY)(t,r),l=o?.path===i?.path;return null===i||i.unlisted&&!l?null:(0,u.jsx)(oe,{exact:!0,...a,isActive:()=>l||!!o?.sidebar&&o.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...a}=e;const{activeDoc:o}=(0,we.Iw)(r),i=(0,ke.oz)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(oe,{exact:!0,...a,isActive:()=>o?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...a}=e;const o=(0,ke.lO)(r)[0],i=t??o.label,l=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(o).path;return(0,u.jsx)(oe,{...a,label:i,to:l})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:a,dropdownItemsAfter:o,...i}=e;const{search:c,hash:d}=(0,l.TH)(),p=(0,we.Iw)(n),f=(0,we.gB)(n),{savePreferredVersionName:g}=(0,xe.J)(n),m=[...a,...f.map((e=>{const t=p.alternateDocVersions[e.name]??Se(e);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>g(e.name)}})),...o],h=(0,ke.lO)(n)[0],b=t&&m.length>1?(0,s.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):h.label,y=t&&m.length>1?void 0:Se(h).path;return m.length<=1?(0,u.jsx)(oe,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:m,isActive:r?()=>!1:void 0})}};function _e(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),a=Ee[r];if(!a)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(a,{...n})}function Ce(){const e=(0,N.e)(),t=(0,w.L)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(_e,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Te(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(s.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Pe(){const e=0===(0,w.L)().navbar.items.length,t=F();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Te,{onClick:()=>t.hide()}),t.content]})}function Ne(){const e=(0,N.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Q,{}),primaryMenu:(0,u.jsx)(Ce,{}),secondaryMenu:(0,u.jsx)(Pe,{})}):null}const Ae={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Le(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,a.Z)("navbar-sidebar__backdrop",e.className)})}function je(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:o}}=(0,w.L)(),i=(0,N.e)(),{navbarRef:l,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),a=(0,r.useRef)(!1),o=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,A.RF)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i =l?n(!1):i+c {if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return a.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:l,"aria-label":(0,s.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,a.Z)("navbar","navbar--fixed-top",n&&[Ae.navbarHideable,!d&&Ae.navbarHidden],{"navbar--dark":"dark"===o,"navbar--primary":"primary"===o,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(Le,{onClick:i.toggle}),(0,u.jsx)(Ne,{})]})}var Oe=n(8780);const Re={errorBoundaryError:"errorBoundaryError_a6uf",errorBoundaryFallback:"errorBoundaryFallback_VBag"};function Ie(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(s.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Fe(e){let{error:t}=e;const n=(0,Oe.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:Re.errorBoundaryError,children:n})}class Me extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const De="right";function ze(e){let{width:t=30,height:n=30,className:r,...a}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...a,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Be(){const{toggle:e,shown:t}=(0,N.e)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,s.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(ze,{})})}const $e={colorModeToggle:"colorModeToggle_DEke"};function Ue(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Me,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(_e,{...e})},t)))})}function We(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function Ze(){const e=(0,N.e)(),t=(0,w.L)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??De)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),a=t.find((e=>"search"===e.type));return(0,u.jsx)(We,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Be,{}),(0,u.jsx)(G,{}),(0,u.jsx)(Ue,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ue,{items:r}),(0,u.jsx)(V,{className:$e.colorModeToggle}),!a&&(0,u.jsx)(ve,{children:(0,u.jsx)(be.Z,{})})]})})}function He(){return(0,u.jsx)(je,{children:(0,u.jsx)(Ze,{})})}function Ve(e){let{item:t}=e;const{to:n,href:r,label:a,prependBaseUrlToHref:o,...i}=t,l=(0,X.Z)(n),s=(0,X.Z)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(K.Z,{className:"footer__link-item",...r?{href:o?s:r}:{to:l},...i,children:[a,r&&!(0,J.Z)(r)&&(0,u.jsx)(te.Z,{})]})}function qe(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(Ve,{item:t})},t.href??t.to)}function Ge(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(qe,{item:e},t)))})]})}function Ye(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(Ge,{column:e},t)))})}function Qe(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function Ke(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(Ve,{item:t})}function Xe(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(Ke,{item:e}),t.length!==n+1&&(0,u.jsx)(Qe,{})]},n)))})})}function Je(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(Ye,{columns:t}):(0,u.jsx)(Xe,{links:t})}var et=n(9965);const tt={footerLogoLink:"footerLogoLink_BH7S"};function nt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(et.Z,{className:(0,a.Z)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function rt(e){let{logo:t}=e;return t.href?(0,u.jsx)(K.Z,{href:t.href,className:tt.footerLogoLink,target:t.target,children:(0,u.jsx)(nt,{logo:t})}):(0,u.jsx)(nt,{logo:t})}function at(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function ot(e){let{style:t,links:n,logo:r,copyright:o}=e;return(0,u.jsx)("footer",{className:(0,a.Z)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||o)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),o]})]})})}function it(){const{footer:e}=(0,w.L)();if(!e)return null;const{copyright:t,links:n,logo:r,style:a}=e;return(0,u.jsx)(ot,{style:a,links:n&&n.length>0&&(0,u.jsx)(Je,{links:n}),logo:r&&(0,u.jsx)(rt,{logo:r}),copyright:t&&(0,u.jsx)(at,{copyright:t})})}const lt=r.memo(it),st=(0,L.Qc)([D.S,k.pl,A.OC,xe.L5,i.VC,function(e){let{children:t}=e;return(0,u.jsx)(j.n2,{children:(0,u.jsx)(N.M,{children:(0,u.jsx)(R,{children:t})})})}]);function ct(e){let{children:t}=e;return(0,u.jsx)(st,{children:t})}var ut=n(7955);function dt(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(ut.Z,{as:"h1",className:"hero__title",children:(0,u.jsx)(s.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ie,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Fe,{error:t})})]})})})}const pt={mainWrapper:"mainWrapper_z2l0"};function ft(e){const{children:t,noFooter:n,wrapperClassName:r,title:l,description:s}=e;return(0,b.t)(),(0,u.jsxs)(ct,{children:[(0,u.jsx)(i.d,{title:l,description:s}),(0,u.jsx)(v,{}),(0,u.jsx)(P,{}),(0,u.jsx)(He,{}),(0,u.jsx)("div",{id:d,className:(0,a.Z)(h.k.wrapper.main,pt.mainWrapper,r),children:(0,u.jsx)(o.Z,{fallback:e=>(0,u.jsx)(dt,{...e}),children:t})}),!n&&(0,u.jsx)(lt,{})]})}},1327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(7294);var r=n(3692),a=n(4996),o=n(2263),i=n(6668),l=n(9965),s=n(5893);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const o={light:(0,a.Z)(t.src),dark:(0,a.Z)(t.srcDark||t.src)},i=(0,s.jsx)(l.Z,{className:t.className,sources:o,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,s.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,o.Z)(),{navbar:{title:n,logo:l}}=(0,i.L)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,a.Z)(l?.href||"/"),g=n?"":t,m=l?.alt??g;return(0,s.jsxs)(r.Z,{to:f,...p,...l?.target&&{target:l.target},children:[l&&(0,s.jsx)(c,{logo:l,alt:m,imageClassName:u}),null!=n&&(0,s.jsx)("b",{className:d,children:n})]})}},197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(7294);var r=n(5742),a=n(5893);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return(0,a.jsxs)(r.Z,{children:[t&&(0,a.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,a.jsx)("meta",{name:"docusaurus_version",content:n}),o&&(0,a.jsx)("meta",{name:"docusaurus_tag",content:o}),i&&(0,a.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,a.jsx)("meta",{name:"docsearch:version",content:n}),o&&(0,a.jsx)("meta",{name:"docsearch:docusaurus_tag",content:o})]})}},9965:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var r=n(7294),a=n(512),o=n(2389),i=n(2949);const l={themedComponent:"themedComponent_mlkZ","themedComponent--light":"themedComponent--light_NVdE","themedComponent--dark":"themedComponent--dark_xIcU"};var s=n(5893);function c(e){let{className:t,children:n}=e;const c=(0,o.Z)(),{colorMode:u}=(0,i.I)();return(0,s.jsx)(s.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const o=n({theme:e,className:(0,a.Z)(t,l.themedComponent,l[`themedComponent--${e}`])});return(0,s.jsx)(r.Fragment,{children:o},e)}))})}function u(e){const{sources:t,className:n,alt:r,...a}=e;return(0,s.jsx)(c,{className:n,children:e=>{let{theme:n,className:o}=e;return(0,s.jsx)("img",{src:t[n],alt:r,className:o,...a})}})}},6043:(e,t,n)=>{"use strict";n.d(t,{u:()=>c,z:()=>b});var r=n(7294),a=n(412),o=n(469),i=n(1442),l=n(5893);const s="ease-in-out";function c(e){let{initialState:t}=e;const[n,a]=(0,r.useState)(t??!1),o=(0,r.useCallback)((()=>{a((e=>!e))}),[]);return{collapsed:n,setCollapsed:a,toggleCollapsed:o}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:a}=e;const o=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=a?.duration??function(e){if((0,i.n)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${a?.easing??s}`,height:`${t}px`}}function l(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return p(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(l(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{l()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,a])}function g(e){if(!a.Z.canUseDOM)return e?u:d}function m(e){let{as:t="div",collapsed:n,children:a,animation:o,onCollapseTransitionEnd:i,className:s,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:o}),(0,l.jsx)(t,{ref:u,style:c?void 0:g(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:s,children:a})}function h(e){let{collapsed:t,...n}=e;const[a,i]=(0,r.useState)(!t),[s,c]=(0,r.useState)(t);return(0,o.Z)((()=>{t||i(!0)}),[t]),(0,o.Z)((()=>{a&&c(t)}),[a,t]),a?(0,l.jsx)(m,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const r=t?h:m;return(0,l.jsx)(r,{...n})}},9689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>g});var r=n(7294),a=n(2389),o=n(12),i=n(902),l=n(6668),s=n(5893);const c=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function g(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,a.Z)(),[n,o]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{o(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),o(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||o(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function m(){const e=(0,r.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},2949:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>h});var r=n(7294),a=n(412),o=n(902),i=n(12),l=n(6668),s=n(5893);const c=r.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,g=e=>a.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[a,o]=(0,r.useState)(g(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:a=!0}=r;t?(o(t),a&&m(t)):(o(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(a))}),[a]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:a,setColorMode:i,get isDarkTheme(){return a===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[a,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var r=n(7294),a=n(143),o=n(9935),i=n(6668),l=n(3438),s=n(902),c=n(12),u=n(5893);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const g=r.createContext(null);function m(){const e=(0,a._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[o,l]=(0,r.useState)((()=>f(n)));(0,r.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function a(e){const t=p.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,a(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,u.jsx)(g.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,r.useContext)(g);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=o.m);const t=(0,a.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>c,b:()=>s});var r=n(7294),a=n(902),o=n(5893);const i=Symbol("EmptyContext"),l=r.createContext(i);function s(e){let{children:t,name:n,items:a}=e;const i=(0,r.useMemo)((()=>n&&a?{name:n,items:a}:null),[n,a]);return(0,o.jsx)(l.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(l);if(e===i)throw new a.i6("DocsSidebarProvider");return e}},4477:(e,t,n)=>{"use strict";n.d(t,{E:()=>s,q:()=>l});var r=n(7294),a=n(902),o=n(5893);const i=r.createContext(null);function l(e){let{children:t,version:n}=e;return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,r.useContext)(i);if(null===e)throw new a.i6("DocsVersionProvider");return e}},3163:(e,t,n)=>{"use strict";n.d(t,{M:()=>p,e:()=>f});var r=n(7294),a=n(3102),o=n(7524),i=n(1980),l=n(6668),s=n(902),c=n(5893);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,a.HY)(),{items:t}=(0,l.L)().navbar;return 0===t.length&&!e.component}(),t=(0,o.i)(),n=!e&&"mobile"===t,[s,c]=(0,r.useState)(!1);(0,i.Rb)((()=>{if(s)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:s})),[e,n,u,s])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new s.i6("NavbarMobileSidebarProvider");return e}},3102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,Zo:()=>c,n2:()=>l});var r=n(7294),a=n(902),o=n(5893);const i=r.createContext(null);function l(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,r.useContext)(i);if(!e)throw new a.i6("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const o=(0,r.useContext)(i);if(!o)throw new a.i6("NavbarSecondaryMenuContentProvider");const[,l]=o,s=(0,a.Ql)(n);return(0,r.useEffect)((()=>{l({component:t,props:s})}),[l,t,s]),(0,r.useEffect)((()=>()=>l({component:null,props:null})),[l]),null}},9727:(e,t,n)=>{"use strict";n.d(t,{h:()=>a,t:()=>o});var r=n(7294);const a="navigation-with-keyboard";function o(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(a),"mousedown"===e.type&&document.body.classList.remove(a)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(a),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},7524:(e,t,n)=>{"use strict";n.d(t,{i:()=>l});var r=n(7294),a=n(412);const o={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function l(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,l]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){l(function(e){if(!a.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?o.desktop:o.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},5281:(e,t,n)=>{"use strict";n.d(t,{k:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},1442:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{n:()=>r})},3438:(e,t,n)=>{"use strict";n.d(t,{LM:()=>g,MN:()=>T,SN:()=>C,_F:()=>y,cE:()=>p,f:()=>w,jA:()=>m,lO:()=>S,oz:()=>E,s1:()=>x,vY:()=>_,xz:()=>f});var r=n(7294),a=n(6550),o=n(8790),i=n(143),l=n(373),s=n(4477),c=n(1116),u=n(7392),d=n(8596);const p=!!i._r;function f(e){const t=(0,s.E)();if(!e)return;const n=t.docs[e];if(!n)throw new Error(`no version doc found by id=${e}`);return n}function g(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=g(t);if(e)return e}}(e):void 0:e.href}function m(){const{pathname:e}=(0,a.TH)(),t=(0,c.V)();if(!t)throw new Error("Unexpected: cant find current sidebar in context");const n=k({sidebarItems:t.items,pathname:e,onlyCategories:!0}).slice(-1)[0];if(!n)throw new Error(`${e} is not associated with a category. useCurrentSidebarCategory() should only be used on category index pages.`);return n}const h=(e,t)=>void 0!==e&&(0,d.Mg)(e,t),b=(e,t)=>e.some((e=>y(e,t)));function y(e,t){return"link"===e.type?h(e.href,t):"category"===e.type&&(h(e.href,t)||b(e.items,t))}function v(e,t){switch(e.type){case"category":return y(e,t)||e.items.some((e=>v(e,t)));case"link":return!e.unlisted||y(e,t);default:return!0}}function w(e,t){return(0,r.useMemo)((()=>e.filter((e=>v(e,t)))),[e,t])}function k(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const a=[];return function e(t){for(const o of t)if("category"===o.type&&((0,d.Mg)(o.href,n)||e(o.items))||"link"===o.type&&(0,d.Mg)(o.href,n)){return r&&"category"!==o.type||a.unshift(o),!0}return!1}(t),a}function x(){const e=(0,c.V)(),{pathname:t}=(0,a.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?k({sidebarItems:e.items,pathname:t}):null}function S(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,l.J)(e),a=(0,i.yW)(e);return(0,r.useMemo)((()=>(0,u.j)([t,n,a].filter(Boolean))),[t,n,a])}function E(e,t){const n=S(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function _(e,t){const n=S(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,u.j)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function C(e){let{route:t}=e;const n=(0,a.TH)(),r=(0,s.E)(),i=t.routes,l=i.find((e=>(0,a.LX)(n.pathname,e)));if(!l)return null;const c=l.sidebar,u=c?r.docsSidebars[c]:void 0;return{docElement:(0,o.H)(i),sidebarName:c,sidebarItems:u}}function T(e){return e.filter((e=>!("category"===e.type||"link"===e.type)||!!g(e)))}},1980:(e,t,n)=>{"use strict";n.d(t,{Rb:()=>i,_X:()=>l});var r=n(7294),a=n(6550),o=n(902);function i(e){!function(e){const t=(0,a.k6)(),n=(0,o.zX)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function l(e){return function(e){const t=(0,a.k6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}},7392:(e,t,n)=>{"use strict";function r(e,t){return void 0===t&&(t=(e,t)=>e===t),e.filter(((n,r)=>e.findIndex((e=>t(e,n)))!==r))}function a(e){return Array.from(new Set(e))}n.d(t,{j:()=>a,l:()=>r})},1944:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>g});var r=n(7294),a=n(512),o=n(5742),i=n(226);function l(){const e=r.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(4996),c=n(2263);var u=n(5893);function d(e){let{title:t,description:n,keywords:r,image:a,children:i}=e;const l=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:r}=t;return e?.trim().length?`${e.trim()} ${r} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),p=a?d(a,{absolute:!0}):void 0;return(0,u.jsxs)(o.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),r&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=r.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=r.useContext(p),l=(0,a.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(o.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function g(e){let{children:t}=e;const n=l(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const o=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,a.Z)(r,o),children:t})}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var r=n(7294),a=n(469),o=n(5893);function i(e){const t=(0,r.useRef)(e);return(0,a.Z)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,r.useRef)();return(0,a.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,o.jsx)(o.Fragment,{children:e.reduceRight(((e,t)=>(0,o.jsx)(t,{children:e})),n)})}}},8596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>l});var r=n(7294),a=n(723),o=n(2263);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function l(){const{baseUrl:e}=(0,o.Z)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function a(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(a).flatMap((e=>e.routes??[])))}(n)}({routes:a.Z,baseUrl:e})),[e])}},2466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>m,OC:()=>u,RF:()=>f,o5:()=>g});var r=n(7294),a=n(412),o=n(2389),i=n(469),l=n(902),s=n(5893);const c=r.createContext(void 0);function u(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function d(){const e=(0,r.useContext)(c);if(null==e)throw new l.i6("ScrollControllerProvider");return e}const p=()=>a.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function f(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=d(),a=(0,r.useRef)(p()),o=(0,l.zX)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=p();o(e,a.current),a.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[o,n,...t])}function g(){const e=d(),t=function(){const e=(0,r.useRef)({elem:null,top:0}),t=(0,r.useCallback)((t=>{e.current={elem:t,top:t.getBoundingClientRect().top}}),[]),n=(0,r.useCallback)((()=>{const{current:{elem:t,top:n}}=e;if(!t)return{restored:!1};const r=t.getBoundingClientRect().top-n;return r&&window.scrollBy({left:0,top:r}),e.current={elem:null,top:0},{restored:0!==r}}),[]);return(0,r.useMemo)((()=>({save:t,restore:n})),[n,t])}(),n=(0,r.useRef)(void 0),a=(0,r.useCallback)((r=>{t.save(r),e.disableScrollEvents(),n.current=()=>{const{restored:r}=t.restore();if(n.current=void 0,r){const t=()=>{e.enableScrollEvents(),window.removeEventListener("scroll",t)};window.addEventListener("scroll",t)}else e.enableScrollEvents()}}),[e,t]);return(0,i.Z)((()=>{queueMicrotask((()=>n.current?.()))})),{blockElementScrollPositionUntilNextRender:a}}function m(){const e=(0,r.useRef)(null),t=(0,o.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const a=document.documentElement.scrollTop;(n&&a>e||!n&&a t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},3320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>r,os:()=>a});n(2263);const r="default";function a(e,t){return`docs-${e}-${t}`}},12:(e,t,n)=>{"use strict";n.d(t,{Nk:()=>u,WA:()=>c});var r=n(7294);const a="localStorage";function o(e){let{key:t,oldValue:n,newValue:r,storage:a}=e;if(n===r)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,a),window.dispatchEvent(o)}function i(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,l||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),l=!0),null}var t}let l=!1;const s={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=i(t?.persistence);return null===n?s:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const r=n.getItem(e);n.setItem(e,t),o({key:e,oldValue:r,newValue:t,storage:n})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${t}`,r)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),o({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const r=r=>{r.storageArea===n&&r.key===e&&t(r)};return window.addEventListener("storage",r),()=>window.removeEventListener("storage",r)}catch(r){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,r),()=>{}}}}}function u(e,t){const n=(0,r.useRef)((()=>null===e?s:c(e,t))).current(),a=(0,r.useCallback)((e=>"undefined"==typeof window?()=>{}:n.listen(e)),[n]);return[(0,r.useSyncExternalStore)(a,(()=>"undefined"==typeof window?null:n.get()),(()=>null)),n]}},4711:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var r=n(2263),a=n(6550),o=n(8780);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,r.Z)(),{pathname:s}=(0,a.TH)(),c=(0,o.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var r=n(7294),a=n(6550),o=n(902);function i(e){const t=(0,a.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},6668:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(2263);function a(){return(0,r.Z)().siteConfig.themeConfig}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[a]=e.split(/[#?]/),o="/"===a||a===r?a:(i=a,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(a,o)}},4143:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},8780:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var a=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(a).default}});var o=n(4143);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},9318:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>C,ob:()=>f,PP:()=>P,Ep:()=>p});var r=n(3117);function a(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,r=n+1,a=e.length;r=0;p--){var f=i[p];"."===f?o(i,p):".."===f?(o(i,p),d++):d&&(o(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&a(i[0])||i.unshift("");var g=i.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var l=n(8776);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,a=t||"/";return n&&"?"!==n&&(a+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(a+="#"===r.charAt(0)?r:"#"+r),a}function f(e,t,n,a){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",r="",a=t.indexOf("#");-1!==a&&(r=t.substr(a),t=t.substr(0,a));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),o.state=t):(void 0===(o=(0,r.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),a?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,a.pathname)):o.pathname=a.pathname:o.pathname||(o.pathname="/"),o}function g(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,a){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof r?r(o,a):a(!0):a(!1!==o)}else a(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r t?n.splice(t,n.length-t,a):n.push(a),d({action:r,location:a,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,m(),w.location);u.confirmTransitionTo(a,r,n,(function(e){e&&(w.entries[w.index]=a,d({action:r,location:a}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t {"use strict";var r=n(9864),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return r.isMemo(e)?i:l[e.$$typeof]||a}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,g=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(g){var a=f(n);a&&a!==g&&e(t,a,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),m=s(n),h=0;h {"use strict";e.exports=function(e,t,n,r,a,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,a,o,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},5826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},2497:(e,t,n)=>{"use strict";n.r(t)},2295:(e,t,n)=>{"use strict";n.r(t)},4865:function(e,t,n){var r,a;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:' '};function a(e,t,n){return en?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var a;return(a="translate3d"===r.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,a}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=a(e,r.minimum,1),n.status=1===e?null:e;var o=n.render(!t),c=o.querySelector(r.barSelector),u=r.speed,d=r.easing;return o.offsetWidth,l((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*a(Math.random()*t,.1,.95)),t=a(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var a,i=t.querySelector(r.barSelector),l=e?"-100":o(n.status||0),c=document.querySelector(r.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),r.showSpinner||(a=t.querySelector(r.spinnerSelector))&&f(a),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,a=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);a--;)if((r=e[a]+o)in n)return r;return t}function a(e){return e=n(e),t[e]||(t[e]=r(e))}function o(e,t,n){t=a(t),e.style[t]=n}return function(e,t){var n,r,a=arguments;if(2==a.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&o(e,n,r);else o(e,a[1],a[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(a="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=a)},2503:()=>{!function(e){var t=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,n=/(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source,r={pattern:RegExp(/(^|[^\w.])/.source+n+/[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),lookbehind:!0,inside:{namespace:{pattern:/^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,inside:{punctuation:/\./}},punctuation:/\./}};e.languages.java=e.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,lookbehind:!0,greedy:!0},"class-name":[r,{pattern:RegExp(/(^|[^\w.])/.source+n+/[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),lookbehind:!0,inside:r.inside},{pattern:RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source+n+/[A-Z]\w*\b/.source),lookbehind:!0,inside:r.inside}],keyword:t,function:[e.languages.clike.function,{pattern:/(::\s*)[a-z_]\w*/,lookbehind:!0}],number:/\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,operator:{pattern:/(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0},constant:/\b[A-Z][A-Z_\d]+\b/}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"},char:{pattern:/'(?:\\.|[^'\\\r\n]){1,6}'/,greedy:!0}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,inside:{"class-name":r,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},import:[{pattern:RegExp(/(\bimport\s+)/.source+n+/(?:[A-Z]\w*|\*)(?=\s*;)/.source),lookbehind:!0,inside:{namespace:r.inside.namespace,punctuation:/\./,operator:/\*/,"class-name":/\w+/}},{pattern:RegExp(/(\bimport\s+static\s+)/.source+n+/(?:\w+|\*)(?=\s*;)/.source),lookbehind:!0,alias:"static",inside:{namespace:r.inside.namespace,static:/\b\w+$/,punctuation:/\./,operator:/\*/,"class-name":/\w+/}}],namespace:{pattern:RegExp(/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?! )[a-z]\w*(?:\.[a-z]\w*)*\.?/.source.replace(/ /g,(function(){return t.source}))),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism)},6854:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,a,o){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(a,(function(e){if("function"==typeof o&&!o(e))return e;for(var a,l=i.length;-1!==n.code.indexOf(a=t(r,l));)++l;return i[l]=e,a})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var a=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s =o.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=o[a],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),g=p.indexOf(f);if(g>-1){++a;var m=p.substring(0,g),h=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(g+f.length),y=[];m&&y.push.apply(y,i([m])),y.push(h),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},9640:(e,t,n)=>{var r={"./prism-java":2503};function a(e){var t=o(e);return n(t)}function o(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=o,e.exports=a,a.id=9640},2703:(e,t,n)=>{"use strict";var r=n(414);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,o,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:a};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4448:(e,t,n)=>{"use strict";var r=n(7294),a=n(3840);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n t}return!1}(t,n,a,r)&&(n=null),r||null===a?function(e){return!!d.call(g,e)||!d.call(f,e)&&(p.test(e)?g[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):a.mustUseProperty?e[a.propertyName]=null===n?3!==a.type&&"":n:(t=a.attributeName,r=a.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(a=a.type)||4===a&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.element"),x=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),T=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),N=Symbol.for("react.suspense"),A=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),j=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var O=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function I(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var F,M=Object.assign;function D(e){if(void 0===F)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);F=t&&t[1]||""}return"\n"+F+e}var z=!1;function B(e,t){if(!e||z)return"";z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var a=c.stack.split("\n"),o=r.stack.split("\n"),i=a.length-1,l=o.length-1;1<=i&&0<=l&&a[i]!==o[l];)l--;for(;1<=i&&0<=l;i--,l--)if(a[i]!==o[l]){if(1!==i||1!==l)do{if(i--,0>--l||a[i]!==o[l]){var s="\n"+a[i].replace(" at new "," at ");return e.displayName&&s.includes(" ")&&(s=s.replace(" ",e.displayName)),s}}while(1<=i&&0<=l);break}}}finally{z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?D(e):""}function $(e){switch(e.tag){case 5:return D(e.type);case 16:return D("Lazy");case 13:return D("Suspense");case 19:return D("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function U(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case S:return"Fragment";case x:return"Portal";case _:return"Profiler";case E:return"StrictMode";case N:return"Suspense";case A:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case T:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case P:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case L:return null!==(t=e.displayName||null)?t:U(e.type)||"Memo";case j:t=e._payload,e=e._init;try{return U(e(t))}catch(n){}}return null}function W(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return U(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function Z(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function H(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function V(e){e._valueTracker||(e._valueTracker=function(e){var t=H(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var a=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return a.call(this)},set:function(e){r=""+e,o.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=H(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function G(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Y(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Q(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=Z(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function K(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function X(e,t){K(e,t);var n=Z(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,Z(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&G(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var a=0;a "+t.valueOf().toString()+"",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ge=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),a=me(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,a):e[n]=a}}Object.keys(fe).forEach((function(e){ge.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(o(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(o(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(o(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(o(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function ke(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var xe=null,Se=null,Ee=null;function _e(e){if(e=va(e)){if("function"!=typeof xe)throw Error(o(280));var t=e.stateNode;t&&(t=ka(t),xe(e.stateNode,e.type,t))}}function Ce(e){Se?Ee?Ee.push(e):Ee=[e]:Se=e}function Te(){if(Se){var e=Se,t=Ee;if(Ee=Se=null,_e(e),t)for(e=0;e >>=0,0===e?32:31-(lt(e)/st|0)|0},lt=Math.log,st=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,a=e.suspendedLanes,o=e.pingedLanes,i=268435455&n;if(0!==i){var l=i&~a;0!==l?r=dt(l):0!==(o&=i)&&(r=dt(o))}else 0!==(i=n&~a)?r=dt(i):0!==o&&(r=dt(o));if(0===r)return 0;if(0!==t&&t!==r&&0==(t&a)&&((a=r&-r)>=(o=t&-t)||16===a&&0!=(4194240&o)))return t;if(0!=(4&r)&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0 n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),a=1< =In),Dn=String.fromCharCode(32),zn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==On.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function $n(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Un=!1;var Wn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Zn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Wn[e.type]:"textarea"===t}function Hn(e,t,n,r){Ce(r),0<(t=Vr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Vn=null,qn=null;function Gn(e){Dr(e,0)}function Yn(e){if(q(wa(e)))return e}function Qn(e,t){if("change"===e)return t}var Kn=!1;if(u){var Xn;if(u){var Jn="oninput"in document;if(!Jn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Jn="function"==typeof er.oninput}Xn=Jn}else Xn=!1;Kn=Xn&&(!document.documentMode||9 =t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=G();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=G((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function gr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var a=n.textContent.length,o=Math.min(r.start,a);r=void 0===r.end?o:Math.min(r.end,a),!e.extend&&o>r&&(a=r,r=o,o=a),a=ur(n,o);var i=ur(n,r);a&&i&&(1!==e.rangeCount||e.anchorNode!==a.node||e.anchorOffset!==a.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(a.node,a.offset),e.removeAllRanges(),o>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n =document.documentMode,hr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==hr||hr!==G(r)||("selectionStart"in(r=hr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&sr(yr,r)||(yr=r,0<(r=Vr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=hr)))}function kr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var xr={animationend:kr("Animation","AnimationEnd"),animationiteration:kr("Animation","AnimationIteration"),animationstart:kr("Animation","AnimationStart"),transitionend:kr("Transition","TransitionEnd")},Sr={},Er={};function _r(e){if(Sr[e])return Sr[e];if(!xr[e])return e;var t,n=xr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return Sr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete xr.animationend.animation,delete xr.animationiteration.animation,delete xr.animationstart.animation),"TransitionEvent"in window||delete xr.transitionend.transition);var Cr=_r("animationend"),Tr=_r("animationiteration"),Pr=_r("animationstart"),Nr=_r("transitionend"),Ar=new Map,Lr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function jr(e,t){Ar.set(e,t),s(t,[e])}for(var Or=0;Or Sa||(e.current=xa[Sa],xa[Sa]=null,Sa--)}function Ca(e,t){Sa++,xa[Sa]=e.current,e.current=t}var Ta={},Pa=Ea(Ta),Na=Ea(!1),Aa=Ta;function La(e,t){var n=e.type.contextTypes;if(!n)return Ta;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var a,o={};for(a in n)o[a]=t[a];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function ja(e){return null!=(e=e.childContextTypes)}function Oa(){_a(Na),_a(Pa)}function Ra(e,t,n){if(Pa.current!==Ta)throw Error(o(168));Ca(Pa,t),Ca(Na,n)}function Ia(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var a in r=r.getChildContext())if(!(a in t))throw Error(o(108,W(e)||"Unknown",a));return M({},n,r)}function Fa(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ta,Aa=Pa.current,Ca(Pa,e),Ca(Na,Na.current),!0}function Ma(e,t,n){var r=e.stateNode;if(!r)throw Error(o(169));n?(e=Ia(e,t,Aa),r.__reactInternalMemoizedMergedChildContext=e,_a(Na),_a(Pa),Ca(Pa,e)):_a(Na),Ca(Na,n)}var Da=null,za=!1,Ba=!1;function $a(e){null===Da?Da=[e]:Da.push(e)}function Ua(){if(!Ba&&null!==Da){Ba=!0;var e=0,t=vt;try{var n=Da;for(vt=1;e >=i,a-=i,Qa=1<<32-it(t)+a|n<m?(h=d,d=null):h=d.sibling;var b=f(a,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&t(a,d),o=i(b,o,m),null===u?c=b:u.sibling=b,u=b,d=h}if(m===l.length)return n(a,d),ao&&Xa(a,m),c;if(null===d){for(;m h?(b=m,m=null):b=m.sibling;var v=f(a,m,y.value,c);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&t(a,m),l=i(v,l,h),null===d?u=v:d.sibling=v,d=v,m=b}if(y.done)return n(a,m),ao&&Xa(a,h),u;if(null===m){for(;!y.done;h++,y=s.next())null!==(y=p(a,y.value,c))&&(l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return ao&&Xa(a,h),u}for(m=r(a,m);!y.done;h++,y=s.next())null!==(y=g(m,a,h,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?h:y.key),l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(a,e)})),ao&&Xa(a,h),u}return function e(r,o,i,s){if("object"==typeof i&&null!==i&&i.type===S&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case k:e:{for(var c=i.key,u=o;null!==u;){if(u.key===c){if((c=i.type)===S){if(7===u.tag){n(r,u.sibling),(o=a(u,i.props.children)).return=r,r=o;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===j&&Yo(c)===u.type){n(r,u.sibling),(o=a(u,i.props)).ref=qo(r,u,i),o.return=r,r=o;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===S?((o=Fc(i.props.children,r.mode,s,i.key)).return=r,r=o):((s=Ic(i.type,i.key,i.props,null,r.mode,s)).ref=qo(r,o,i),s.return=r,r=s)}return l(r);case x:e:{for(u=i.key;null!==o;){if(o.key===u){if(4===o.tag&&o.stateNode.containerInfo===i.containerInfo&&o.stateNode.implementation===i.implementation){n(r,o.sibling),(o=a(o,i.children||[])).return=r,r=o;break e}n(r,o);break}t(r,o),o=o.sibling}(o=zc(i,r.mode,s)).return=r,r=o}return l(r);case j:return e(r,o,(u=i._init)(i._payload),s)}if(te(i))return m(r,o,i,s);if(I(i))return h(r,o,i,s);Go(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==o&&6===o.tag?(n(r,o.sibling),(o=a(o,i)).return=r,r=o):(n(r,o),(o=Dc(i,r.mode,s)).return=r,r=o),l(r)):n(r,o)}}var Ko=Qo(!0),Xo=Qo(!1),Jo={},ei=Ea(Jo),ti=Ea(Jo),ni=Ea(Jo);function ri(e){if(e===Jo)throw Error(o(174));return e}function ai(e,t){switch(Ca(ni,t),Ca(ti,e),Ca(ei,Jo),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:se(null,"");break;default:t=se(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_a(ei),Ca(ei,t)}function oi(){_a(ei),_a(ti),_a(ni)}function ii(e){ri(ni.current);var t=ri(ei.current),n=se(t,e.type);t!==n&&(Ca(ti,e),Ca(ei,n))}function li(e){ti.current===e&&(_a(ei),_a(ti))}var si=Ea(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e n?n:4,e(!0);var r=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=r}}function el(){return Ti().memoizedState}function tl(e,t,n){var r=nc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},rl(e))al(t,n);else if(null!==(n=No(e,t,n,r))){rc(n,e,r,tc()),ol(n,t,r)}}function nl(e,t,n){var r=nc(e),a={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(rl(e))al(t,a);else{var o=e.alternate;if(0===e.lanes&&(null===o||0===o.lanes)&&null!==(o=t.lastRenderedReducer))try{var i=t.lastRenderedState,l=o(i,n);if(a.hasEagerState=!0,a.eagerState=l,lr(l,i)){var s=t.interleaved;return null===s?(a.next=a,Po(t)):(a.next=s.next,s.next=a),void(t.interleaved=a)}}catch(c){}null!==(n=No(e,t,a,r))&&(rc(n,e,r,a=tc()),ol(n,t,r))}}function rl(e){var t=e.alternate;return e===mi||null!==t&&t===mi}function al(e,t){vi=yi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function ol(e,t,n){if(0!=(4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var il={readContext:Co,useCallback:xi,useContext:xi,useEffect:xi,useImperativeHandle:xi,useInsertionEffect:xi,useLayoutEffect:xi,useMemo:xi,useReducer:xi,useRef:xi,useState:xi,useDebugValue:xi,useDeferredValue:xi,useTransition:xi,useMutableSource:xi,useSyncExternalStore:xi,useId:xi,unstable_isNewReconciler:!1},ll={readContext:Co,useCallback:function(e,t){return Ci().memoizedState=[e,void 0===t?null:t],e},useContext:Co,useEffect:Wi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,$i(4194308,4,qi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return $i(4194308,4,e,t)},useInsertionEffect:function(e,t){return $i(4,2,e,t)},useMemo:function(e,t){var n=Ci();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Ci();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=tl.bind(null,mi,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},Ci().memoizedState=e},useState:Di,useDebugValue:Yi,useDeferredValue:function(e){return Ci().memoizedState=e},useTransition:function(){var e=Di(!1),t=e[0];return e=Ji.bind(null,e[1]),Ci().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=mi,a=Ci();if(ao){if(void 0===n)throw Error(o(407));n=n()}else{if(n=t(),null===As)throw Error(o(349));0!=(30&gi)||Oi(r,t,n)}a.memoizedState=n;var i={value:n,getSnapshot:t};return a.queue=i,Wi(Ii.bind(null,r,i,e),[e]),r.flags|=2048,zi(9,Ri.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=Ci(),t=As.identifierPrefix;if(ao){var n=Ka;t=":"+t+"R"+(n=(Qa&~(1<<32-it(Qa)-1)).toString(32)+n),0<(n=wi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=ki++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},sl={readContext:Co,useCallback:Qi,useContext:Co,useEffect:Zi,useImperativeHandle:Gi,useInsertionEffect:Hi,useLayoutEffect:Vi,useMemo:Ki,useReducer:Ni,useRef:Bi,useState:function(){return Ni(Pi)},useDebugValue:Yi,useDeferredValue:function(e){return Xi(Ti(),hi.memoizedState,e)},useTransition:function(){return[Ni(Pi)[0],Ti().memoizedState]},useMutableSource:Li,useSyncExternalStore:ji,useId:el,unstable_isNewReconciler:!1},cl={readContext:Co,useCallback:Qi,useContext:Co,useEffect:Zi,useImperativeHandle:Gi,useInsertionEffect:Hi,useLayoutEffect:Vi,useMemo:Ki,useReducer:Ai,useRef:Bi,useState:function(){return Ai(Pi)},useDebugValue:Yi,useDeferredValue:function(e){var t=Ti();return null===hi?t.memoizedState=e:Xi(t,hi.memoizedState,e)},useTransition:function(){return[Ai(Pi)[0],Ti().memoizedState]},useMutableSource:Li,useSyncExternalStore:ji,useId:el,unstable_isNewReconciler:!1};function ul(e,t){try{var n="",r=t;do{n+=$(r),r=r.return}while(r);var a=n}catch(o){a="\nError generating stack: "+o.message+"\n"+o.stack}return{value:e,source:t,stack:a,digest:null}}function dl(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function pl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fl="function"==typeof WeakMap?WeakMap:Map;function gl(e,t,n){(n=Ro(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hs||(Hs=!0,Vs=r),pl(0,t)},n}function ml(e,t,n){(n=Ro(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var a=t.value;n.payload=function(){return r(a)},n.callback=function(){pl(0,t)}}var o=e.stateNode;return null!==o&&"function"==typeof o.componentDidCatch&&(n.callback=function(){pl(0,t),"function"!=typeof r&&(null===qs?qs=new Set([this]):qs.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hl(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new fl;var a=new Set;r.set(t,a)}else void 0===(a=r.get(t))&&(a=new Set,r.set(t,a));a.has(n)||(a.add(n),e=Cc.bind(null,e,t,n),t.then(e,e))}function bl(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function yl(e,t,n,r,a){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Ro(-1,1)).tag=2,Io(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=a,e)}var vl=w.ReactCurrentOwner,wl=!1;function kl(e,t,n,r){t.child=null===e?Xo(t,null,n,r):Ko(t,e.child,n,r)}function xl(e,t,n,r,a){n=n.render;var o=t.ref;return _o(t,a),r=Ei(e,t,n,r,o,a),n=_i(),null===e||wl?(ao&&n&&eo(t),t.flags|=1,kl(e,t,r,a),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~a,Hl(e,t,a))}function Sl(e,t,n,r,a){if(null===e){var o=n.type;return"function"!=typeof o||Oc(o)||void 0!==o.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Ic(n.type,null,r,t,t.mode,a)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=o,El(e,t,o,r,a))}if(o=e.child,0==(e.lanes&a)){var i=o.memoizedProps;if((n=null!==(n=n.compare)?n:sr)(i,r)&&e.ref===t.ref)return Hl(e,t,a)}return t.flags|=1,(e=Rc(o,r)).ref=t.ref,e.return=t,t.child=e}function El(e,t,n,r,a){if(null!==e){var o=e.memoizedProps;if(sr(o,r)&&e.ref===t.ref){if(wl=!1,t.pendingProps=r=o,0==(e.lanes&a))return t.lanes=e.lanes,Hl(e,t,a);0!=(131072&e.flags)&&(wl=!0)}}return Tl(e,t,n,r,a)}function _l(e,t,n){var r=t.pendingProps,a=r.children,o=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Ca(Rs,Os),Os|=n;else{if(0==(1073741824&n))return e=null!==o?o.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Ca(Rs,Os),Os|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==o?o.baseLanes:n,Ca(Rs,Os),Os|=r}else null!==o?(r=o.baseLanes|n,t.memoizedState=null):r=n,Ca(Rs,Os),Os|=r;return kl(e,t,a,n),t.child}function Cl(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Tl(e,t,n,r,a){var o=ja(n)?Aa:Pa.current;return o=La(t,o),_o(t,a),n=Ei(e,t,n,r,o,a),r=_i(),null===e||wl?(ao&&r&&eo(t),t.flags|=1,kl(e,t,n,a),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~a,Hl(e,t,a))}function Pl(e,t,n,r,a){if(ja(n)){var o=!0;Fa(t)}else o=!1;if(_o(t,a),null===t.stateNode)Zl(e,t),Zo(t,n,r),Vo(t,n,r,a),r=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Co(c):c=La(t,c=ja(n)?Aa:Pa.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==r||s!==c)&&Ho(t,i,r,c),Lo=!1;var p=t.memoizedState;i.state=p,Do(t,r,i,a),s=t.memoizedState,l!==r||p!==s||Na.current||Lo?("function"==typeof u&&($o(t,n,u,r),s=t.memoizedState),(l=Lo||Wo(t,n,l,r,p,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=s),i.props=r,i.state=s,i.context=c,r=l):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Oo(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:bo(t.type,l),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=Co(s):s=La(t,s=ja(n)?Aa:Pa.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||p!==s)&&Ho(t,i,r,s),Lo=!1,p=t.memoizedState,i.state=p,Do(t,r,i,a);var g=t.memoizedState;l!==d||p!==g||Na.current||Lo?("function"==typeof f&&($o(t,n,f,r),g=t.memoizedState),(c=Lo||Wo(t,n,c,r,p,g,s)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,g,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,g,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=g),i.props=r,i.state=g,i.context=s,r=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return Nl(e,t,n,r,o,a)}function Nl(e,t,n,r,a,o){Cl(e,t);var i=0!=(128&t.flags);if(!r&&!i)return a&&Ma(t,n,!1),Hl(e,t,o);r=t.stateNode,vl.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Ko(t,e.child,null,o),t.child=Ko(t,null,l,o)):kl(e,t,l,o),t.memoizedState=r.state,a&&Ma(t,n,!0),t.child}function Al(e){var t=e.stateNode;t.pendingContext?Ra(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Ra(0,t.context,!1),ai(e,t.containerInfo)}function Ll(e,t,n,r,a){return go(),mo(a),t.flags|=256,kl(e,t,n,r),t.child}var jl,Ol,Rl,Il,Fl={dehydrated:null,treeContext:null,retryLane:0};function Ml(e){return{baseLanes:e,cachePool:null,transitions:null}}function Dl(e,t,n){var r,a=t.pendingProps,i=si.current,l=!1,s=0!=(128&t.flags);if((r=s)||(r=(null===e||null!==e.memoizedState)&&0!=(2&i)),r?(l=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Ca(si,1&i),null===e)return co(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(s=a.children,e=a.fallback,l?(a=t.mode,l=t.child,s={mode:"hidden",children:s},0==(1&a)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Mc(s,a,0,null),e=Fc(e,a,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=Ml(n),t.memoizedState=Fl,e):zl(t,s));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,a,i,l){if(n)return 256&t.flags?(t.flags&=-257,Bl(e,t,l,r=dl(Error(o(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,a=t.mode,r=Mc({mode:"visible",children:r.children},a,0,null),(i=Fc(i,a,l,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,0!=(1&t.mode)&&Ko(t,e.child,null,l),t.child.memoizedState=Ml(l),t.memoizedState=Fl,i);if(0==(1&t.mode))return Bl(e,t,l,null);if("$!"===a.data){if(r=a.nextSibling&&a.nextSibling.dataset)var s=r.dgst;return r=s,Bl(e,t,l,r=dl(i=Error(o(419)),r,void 0))}if(s=0!=(l&e.childLanes),wl||s){if(null!==(r=As)){switch(l&-l){case 4:a=2;break;case 16:a=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:a=32;break;case 536870912:a=268435456;break;default:a=0}0!==(a=0!=(a&(r.suspendedLanes|l))?0:a)&&a!==i.retryLane&&(i.retryLane=a,Ao(e,a),rc(r,e,a,-1))}return hc(),Bl(e,t,l,r=dl(Error(o(421))))}return"$?"===a.data?(t.flags|=128,t.child=e.child,t=Pc.bind(null,e),a._reactRetry=t,null):(e=i.treeContext,ro=ca(a.nextSibling),no=t,ao=!0,oo=null,null!==e&&(qa[Ga++]=Qa,qa[Ga++]=Ka,qa[Ga++]=Ya,Qa=e.id,Ka=e.overflow,Ya=t),t=zl(t,r.children),t.flags|=4096,t)}(e,t,s,a,r,i,n);if(l){l=a.fallback,s=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:a.children};return 0==(1&s)&&t.child!==i?((a=t.child).childLanes=0,a.pendingProps=c,t.deletions=null):(a=Rc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==r?l=Rc(r,l):(l=Fc(l,s,n,null)).flags|=2,l.return=t,a.return=t,a.sibling=l,t.child=a,a=l,l=t.child,s=null===(s=e.child.memoizedState)?Ml(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~n,t.memoizedState=Fl,a}return e=(l=e.child).sibling,a=Rc(l,{mode:"visible",children:a.children}),0==(1&t.mode)&&(a.lanes=n),a.return=t,a.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=a,t.memoizedState=null,a}function zl(e,t){return(t=Mc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function Bl(e,t,n,r){return null!==r&&mo(r),Ko(t,e.child,null,n),(e=zl(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function $l(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Eo(e.return,t,n)}function Ul(e,t,n,r,a){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:a}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=r,o.tail=n,o.tailMode=a)}function Wl(e,t,n){var r=t.pendingProps,a=r.revealOrder,o=r.tail;if(kl(e,t,r.children,n),0!=(2&(r=si.current)))r=1&r|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&$l(e,n,t);else if(19===e.tag)$l(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Ca(si,r),0==(1&t.mode))t.memoizedState=null;else switch(a){case"forwards":for(n=t.child,a=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(a=n),n=n.sibling;null===(n=a)?(a=t.child,t.child=null):(a=n.sibling,n.sibling=null),Ul(t,!1,a,n,o);break;case"backwards":for(n=null,a=t.child,t.child=null;null!==a;){if(null!==(e=a.alternate)&&null===ci(e)){t.child=a;break}e=a.sibling,a.sibling=n,n=a,a=e}Ul(t,!0,n,null,o);break;case"together":Ul(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Zl(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ms|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(o(153));if(null!==t.child){for(n=Rc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Rc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vl(e,t){if(!ao)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function ql(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var a=e.child;null!==a;)n|=a.lanes|a.childLanes,r|=14680064&a.subtreeFlags,r|=14680064&a.flags,a.return=e,a=a.sibling;else for(a=e.child;null!==a;)n|=a.lanes|a.childLanes,r|=a.subtreeFlags,r|=a.flags,a.return=e,a=a.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Gl(e,t,n){var r=t.pendingProps;switch(to(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return ql(t),null;case 1:case 17:return ja(t.type)&&Oa(),ql(t),null;case 3:return r=t.stateNode,oi(),_a(Na),_a(Pa),di(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(po(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==oo&&(lc(oo),oo=null))),Ol(e,t),ql(t),null;case 5:li(t);var a=ri(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)Rl(e,t,n,r,a),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(o(166));return ql(t),null}if(e=ri(ei.current),po(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[pa]=t,r[fa]=i,e=0!=(1&t.mode),n){case"dialog":zr("cancel",r),zr("close",r);break;case"iframe":case"object":case"embed":zr("load",r);break;case"video":case"audio":for(a=0;a <\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=s.createElement(n,{is:r.is}):(e=s.createElement(n),"select"===n&&(s=e,r.multiple?s.multiple=!0:r.size&&(s.size=r.size))):e=s.createElementNS(e,n),e[pa]=t,e[fa]=r,jl(e,t,!1,!1),t.stateNode=e;e:{switch(s=ve(n,r),n){case"dialog":zr("cancel",e),zr("close",e),a=r;break;case"iframe":case"object":case"embed":zr("load",e),a=r;break;case"video":case"audio":for(a=0;a Ws&&(t.flags|=128,r=!0,Vl(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ci(s))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vl(i,!0),null===i.tail&&"hidden"===i.tailMode&&!s.alternate&&!ao)return ql(t),null}else 2*Ke()-i.renderingStartTime>Ws&&1073741824!==n&&(t.flags|=128,r=!0,Vl(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=i.last)?n.sibling=s:t.child=s,i.last=s)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ke(),t.sibling=null,n=si.current,Ca(si,r?1&n|2:1&n),t):(ql(t),null);case 22:case 23:return pc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&0!=(1&t.mode)?0!=(1073741824&Os)&&(ql(t),6&t.subtreeFlags&&(t.flags|=8192)):ql(t),null;case 24:case 25:return null}throw Error(o(156,t.tag))}function Yl(e,t){switch(to(t),t.tag){case 1:return ja(t.type)&&Oa(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return oi(),_a(Na),_a(Pa),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return li(t),null;case 13:if(_a(si),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(o(340));go()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _a(si),null;case 4:return oi(),null;case 10:return So(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}jl=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ol=function(){},Rl=function(e,t,n,r){var a=e.memoizedProps;if(a!==r){e=t.stateNode,ri(ei.current);var o,i=null;switch(n){case"input":a=Y(e,a),r=Y(e,r),i=[];break;case"select":a=M({},a,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":a=re(e,a),r=re(e,r),i=[];break;default:"function"!=typeof a.onClick&&"function"==typeof r.onClick&&(e.onclick=Jr)}for(u in ye(n,r),n=null,a)if(!r.hasOwnProperty(u)&&a.hasOwnProperty(u)&&null!=a[u])if("style"===u){var s=a[u];for(o in s)s.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(l.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(s=null!=a?a[u]:void 0,r.hasOwnProperty(u)&&c!==s&&(null!=c||null!=s))if("style"===u)if(s){for(o in s)!s.hasOwnProperty(o)||c&&c.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in c)c.hasOwnProperty(o)&&s[o]!==c[o]&&(n||(n={}),n[o]=c[o])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(l.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&zr("scroll",e),i||s===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Il=function(e,t,n,r){n!==r&&(t.flags|=4)};var Ql=!1,Kl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){_c(e,t,r)}else n.current=null}function ts(e,t,n){try{n()}catch(r){_c(e,t,r)}}var ns=!1;function rs(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var a=r=r.next;do{if((a.tag&e)===e){var o=a.destroy;a.destroy=void 0,void 0!==o&&ts(t,n,o)}a=a.next}while(a!==r)}}function as(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function os(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function is(e){var t=e.alternate;null!==t&&(e.alternate=null,is(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[pa],delete t[fa],delete t[ma],delete t[ha],delete t[ba])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ls(e){return 5===e.tag||3===e.tag||4===e.tag}function ss(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ls(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cs(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Jr));else if(4!==r&&null!==(e=e.child))for(cs(e,t,n),e=e.sibling;null!==e;)cs(e,t,n),e=e.sibling}function us(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(us(e,t,n),e=e.sibling;null!==e;)us(e,t,n),e=e.sibling}var ds=null,ps=!1;function fs(e,t,n){for(n=n.child;null!==n;)gs(e,t,n),n=n.sibling}function gs(e,t,n){if(ot&&"function"==typeof ot.onCommitFiberUnmount)try{ot.onCommitFiberUnmount(at,n)}catch(l){}switch(n.tag){case 5:Kl||es(n,t);case 6:var r=ds,a=ps;ds=null,fs(e,t,n),ps=a,null!==(ds=r)&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ds.removeChild(n.stateNode));break;case 18:null!==ds&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?sa(e.parentNode,n):1===e.nodeType&&sa(e,n),Ut(e)):sa(ds,n.stateNode));break;case 4:r=ds,a=ps,ds=n.stateNode.containerInfo,ps=!0,fs(e,t,n),ds=r,ps=a;break;case 0:case 11:case 14:case 15:if(!Kl&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){a=r=r.next;do{var o=a,i=o.destroy;o=o.tag,void 0!==i&&(0!=(2&o)||0!=(4&o))&&ts(n,t,i),a=a.next}while(a!==r)}fs(e,t,n);break;case 1:if(!Kl&&(es(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(l){_c(n,t,l)}fs(e,t,n);break;case 21:fs(e,t,n);break;case 22:1&n.mode?(Kl=(r=Kl)||null!==n.memoizedState,fs(e,t,n),Kl=r):fs(e,t,n);break;default:fs(e,t,n)}}function ms(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Xl),t.forEach((function(t){var r=Nc.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hs(e,t){var n=t.deletions;if(null!==n)for(var r=0;r