svelte-native 相关问题


带有 Tailwind 风格的 Sveltekit 套件

我正在尝试使用 svelte 打包库创建一个 Svelte 组件包(您可以使用 npm create svelte@latest 并选择 svelte 库进行设置。然后我在


Svelte 中的单例

我正在尝试制作一个 Svelte 应用程序,其中我有一个类(不是 Svelte 组件)来创建音频源并管理它。 我想跨多个组件获取此类实例。 现在...


如何在 svelte 中创建 cookie 并访问它?

我正在尝试在 svelte 中创建一个 cookie(我也在使用 svelte 套件)并访问它。我想使用 cookie 进行身份验证,更具体地说,是存储 JWT 令牌。 我已经试过了


在 Svelte 中保持页面的页面滚动位置

我正在使用 Svelte,并尝试将滚动位置保持在单个页面上,例如当用户导航到另一个页面然后导航回(通过浏览器或导航栏返回)页面时...


为什么我无法使用 use:action Svelte 添加/删除主体类

我有这个功能 const bodyClass = (节点) => { if (open && !node.classList.contains("is-search-show")) { node.classList.add("is-search-show&quo...


Svelte 似乎对分配的变量更改有反应

假设我将此作为主页: 从“./Child.svelte”导入子项; 让人 = { 名字: "" }; 还有这个...


在组件中添加传单的map.on('click', ...)会导致参数列表后出现语法错误:缺少 )

我在使用Leaflet和Svelte时遇到了一些奇怪的错误,我不确定这是否是我的错误。 我有一个封装我的 Leaflet 地图的组件,位于 Svelte 的 $lib 目录中。随时...


无法转换react-native-0.71.0-rc.0-release.aar(com.facebook.react:react-native:0.71.0-rc.0)以匹配属性

我收到此错误: > 无法转换react-native-0.71.0-rc.0-release.aar (com.facebook.react:react-native:0.71.0-rc.0)以匹配属性{artifactType=android-art-profile, com.和...


将 React Native 版本升级到 0.72.3 时出错:任务 ':invertase_react-native-apple-authentication:' 执行失败

我正在将我的 React Native 项目从版本 0.64.4 更新到 0.72.3。为了帮助更新,我一直在遵循 React Native Upgrade Helper (https://


如何在 EAS 构建中使用 React Native Reanimated?

我按照react-native-reanimated文档的安装说明创建了两次相同的应用程序https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/ge...


元素未显示在 React Native 上

电流输出: 预期输出: 当前代码实施: 从“反应”导入反应 从 'react-native-svg-charts' 导入 { LineChart, XAxis, YAxis } 从 'react-native' 导入 { View, Text }


MSAL AcquireSilent 始终获取新令牌

我有一个使用@azure/msal-browser的svelte应用程序:^3.22.0 实际上调用 acquireTokenSilent 应该从缓存中检索我的有效 accessToken,并且仅当它无效或过期时......


在@html中使用svelte css类

我有一个返回带有类的html的api,我想知道如何为它们使用svelte样式定义。 应用程序.Svelte 让字符串 = `<span class="status">ok</span>...</desc> <question vote="7"> <p>我有一个返回带有类的 html 的 api,我想知道如何为它们使用 svelte 样式定义。</p> <p>应用程序.Svelte</p> <pre><code>&lt;script&gt; let string = `&lt;span class=&#34;status&#34;&gt;ok&lt;/span&gt;`; &lt;/script&gt; &lt;p&gt;{@html string}&lt;/p&gt; &lt;style&gt; .status { color: red } &lt;/style&gt; ... {@html marked} </code></pre> <p>退货 <pre><code>Unused CSS selector (8:1)</code></pre></p> </question> <answer tick="true" vote="10"> <p>Svelte 将删除它在标记中找不到的所有 CSS,这就是它删除示例中的 <pre><code>status</code></pre> 类的原因。 然而,有一种方法可以告诉 Svelte 不要管这些类,那就是简单地声明它们 <em>global</em>:</p> <p><pre><code>:global(.status) { }</code></pre></p> <p>请注意,这会将这些样式应用于应用程序中的 <strong>ALL</strong> <em>.status</em> 类,为了仍然具有一些范围,您可以以某种方式将其设为子选择器</p> <pre><code> &lt;style&gt; .wrapper &gt; :global(.status) { } &lt;/style&gt; &lt;div class=&#34;wrapper&#34;&gt; {@html marked} &lt;/div&gt; </code></pre> <p>这样它只会应用于<em>wrapper</em>内的<em>status</em>类。</p> </answer> <answer tick="false" vote="0"> <p>我试图使用 h2 标签来做到这一点,因为我正在使用“flowbite-svelte”的 svelte 应用程序中集成tincyMCE。 对我有用的是:</p> <pre><code> :global(.content h2) { font-size: 1.5em; } </code></pre> <p>“内容”是我的 div 类。</p> </answer> <answer tick="false" vote="0"> <p>根据您的情况,您可能会发现一种比 :global() 更有吸引力的替代方案。</p> <p>您可以选择导入 CSS 并使其仅向下流动到项目中的子页面。</p> <p>例如,如果您有这样的结构:</p> <pre><code>routes/app +layout.svelte /subpages /portal +layout.svelte /subpages /marketing +layout.svelte /subpages </code></pre> <p>您可以将 CSS 导入到上述任一布局中的布局部分,并且仅将其应用于其下方的所有子页面。</p> <pre><code>&lt;script&gt; import &#34;../styles/marketing.styl&#34; &lt;/script&gt; </code></pre> </answer> </body></html>


如何从 React Native 项目中删除 Kotlin

我之前在Flutter工作,现在切换到React Native,但是当我创建新的React Native项目时,kotlinversion和ndkversion会自动添加到项目中的build.gradle文件中。 嗬...


在 React Native 中检索 IMEI 号码

我正在开发 React Native 应用程序,需要检索特定用例的设备的 IMEI 号码。 在 React Native 中是否有推荐且安全的方法来获取 IMEI 号码?


任务':react-native-health-connect:compileDebugKotlin'执行失败

我试图将react-native-health-connect添加到我们的React Native应用程序中。添加此库后,我将最小 SDK 更改为 26,将compileSdkVersion 更改为 34。在这些更改之后,


React Native 中 Stripe 的 `confirmSetupIntent` 出现资源丢失错误

我在我的 React Native 应用程序中使用 @stripe/stripe-react-native (版本 0.19.0)包。当我尝试使用confirmSetupIntent方法确认安装意图时,我收到以下错误...


React Native 图像选择器不工作:任务:react-native-image-picker:compileDebugJavaWithJavac 失败

我一直在尝试将react-native-image-picker集成到我的React Native Android应用程序中,但是在按照设置说明进行操作后我遇到了问题。该应用程序无法正确加载图像选择器...


react-native-document-scanner-plugin 适用于 Android 的 React Native 文档扫描仪插件无法自动扫描或正确裁剪

我目前正在开发一个React Native应用程序,它包含使用react-native-document-scanner-plugin的文档扫描功能。虽然该插件在 iOS 设备上运行完美,但我已经


为什么我的 vite.config 文件中会出现此过载错误以及如何修复它?

我的 vite.config 支持 Svelte 5 应用程序 使用“@”解析./src 支持像 vitest 这样的测试(或者 jest 如果我需要改变的话) 从“vite”导入{defineConfig}; 从'@svelt...


如何测量 Svelte 组件的像素高度?

我正在尝试测量组件的高度,但始终未定义。如果我在组件周围放置一个 html 容器,它会起作用,但这对我来说似乎不是正确的解决方案。 这是我的


Node.js 服务器上的 React Native Socket.IO 未连接

我正在构建一个React Native Expo应用程序,需要使用socket.io进行实时通信。我正在本地主机上运行 Node.js 服务器。 这是我的代码 React Native - home.js 从 & 导入 { io }


React Native 中的多选

我正在尝试在本机反应中实现MultiSelect。我已从此链接“ https://github.com/toystars/react-native-multiple-select ”引用。但不幸的是我是 无法...


如何以 Svelte 方式设置导出和开槽零件的样式?

Svelte slot 的功能是否像 vanilla-js/dom 一样(我似乎无法让它工作)。 在 html/js 中我可以这样做: 身体{颜色:红色;} /* 从外部设置暴露部分的样式 */ ...</desc> <question vote="0"> <p>Svelte <pre><code>slot</code></pre>的功能是否像 vanilla-js/dom 一样(我似乎无法让它工作)。</p> <p>在 html/js 中我可以做:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>&lt;style&gt; body {color: red;} /* style exposed part from outside */ my-element::part(header) {color: green;} &lt;/style&gt; &lt;h1&gt;Hello World&lt;/h1&gt; &lt;my-element&gt; &lt;div slot=&#34;header&#34;&gt;&lt;strong&gt;Header&lt;/strong&gt;&lt;/div&gt; &lt;div slot=&#34;body&#34;&gt;Body&lt;/div&gt; &lt;/my-element&gt; &lt;script&gt; customElements.define(&#39;my-element&#39;, class extends HTMLElement { constructor() { super(); const shadowRoot = this.attachShadow({mode: &#39;open&#39;}); shadowRoot.innerHTML = ` &lt;style&gt; .container { border: solid 1px blue; padding: 5px; position: relative; &amp;:after { content: &#34;my-element&#34;; display: block; position: absolute; bottom: -.5em; right: 5px; border: inherit; background-color: white; padding: inherit; } } /* style inserted/slotted part from inside */ [part=&#34;body&#34;] ::slotted(div) { background-color: lightyellow; } &lt;/style&gt; &lt;div class=&#34;container&#34;&gt; &lt;header part=&#34;header&#34;&gt;&lt;slot name=&#34;header&#34;&gt;&lt;/slot&gt;&lt;/header&gt; &lt;hr&gt; &lt;div part=&#34;body&#34;&gt;&lt;slot name=&#34;body&#34;&gt;&lt;/slot&gt;&lt;/div&gt; &lt;/div&gt; `; } }); &lt;/script&gt;</code></pre> </div> </div> <p></p> <p>其中 <pre><code>h1</code></pre> 的全局样式为红色,标有 <pre><code>part=&#34;header&#34;</code></pre> 的元素从外部设置为绿色,插入 <pre><code>slot=&#34;body&#34;</code></pre> 的内容从内部(shadow dom)设置为绿色有浅黄色背景。</p> <p>我不知道如何在 svelte 中执行任何这种(受控)跨界样式? (例如,当使用 <pre><code>AppShell::part(content)</code></pre> 时,我收到错误:</p> <pre><code>[plugin:vite-plugin-svelte] C:/srv/svelte/yoda5/src/routes/+layout.svelte:23:18 Expected a valid CSS identifier C:/srv/svelte/yoda5/src/routes/+layout.svelte:23:18 21 | 22 | &lt;style&gt; 23 | AppShell::part(content) { | ^ </code></pre> </question> <answer tick="false" vote="0"> <p>这里有关于<a href="https://learn.svelte.dev/tutorial/slots" rel="nofollow noreferrer">老虎机的课程</a>。最好参考该工具的文档。 Svelte 的学习网站非常棒。</p> <pre><code>// Slotted component, say Test.svelte. &lt;div class=&#34;private-parent&#34;&gt; &lt;slot /&gt; &lt;/div&gt; &lt;style&gt; div.private-parent { color: blue; } &lt;/style&gt; </code></pre> <p>然后,您使用该组件:</p> <pre><code>&lt;script&gt; import Test from &#39;./Test.svelte&#39;; &lt;/script&gt; &lt;Test&gt; &lt;!-- This is the slot&#39;s content --&gt; &lt;p class=&#34;outside-style&#34;&gt;Hello!&lt;/p&gt; &lt;/Test&gt; &lt;style&gt; p.outside-style { color: darkred; } &lt;/style&gt; </code></pre> </answer> </body></html>


当我使用 Expo 启动 React Native 应用程序时出现“无与伦比的路线”

我是 React Native 新手,我只是想用 Expo 启动我的 React Native 应用程序,当我刚刚通过 Metro Bundler 访问时,立即说:“不匹配的路线 - 找不到页面”...


使用项目数组中的数据作为 Picker.Item REACT NATIVE

我有这个选择器: {this.state.clients !== "...


将 Objective-C rootViewController 更改为 SwiftUI

我有一个使用 React Native 构建的项目,对于某些功能,我使用以下代码将 rootViewController 从 React Native 更改为 Storyboard: - (无效) goToNativeView { UIViewControl...


如何处理 Vite 项目中同一个库的 3 个版本冲突?

我有以下奇怪的情况:我正在使用 Vite 和 svelte-ts 模板设置开发一个网络应用程序。在此应用程序中,我必须为基于 WebXR 的增强现实使用不同的库,这样您就可以


如何在页面加载时为 Svelte 组件设置动画而不导致布局移位

问题 我想在加载 SvelteKit 应用程序的登陆页面后对标题进行动画处理,导致标题的每个字母稍微出现在另一个之后,但我所提供的所有解决方案...


创建 React Native 应用程序以从 Web/API 付费或免费获取和玩 HTML5 游戏

我正在开发一个 React Native 项目,我想构建一个应用程序,允许用户玩从网络或 API 获取的 HTML5 游戏。我对 React Native 比较陌生,我正在寻求指导......


从react-native-image-crop-picker录制视频在android 13 - Tab(三星Galaxy Tab A8)中不起作用

我在我的react-native应用程序中使用react-native-image-crop-picker并从Android中的相机录制视频它正在返回[错误:用户取消了图像选择] 笔记: 它正在工作...


react Native expo go 在 uvicorn https 后无法连接到本地主机

我正在编写一个带有 fastapi 后端的 React Native expo go 应用程序。 这是一个教育应用程序,所以它有图像、视频和 pdf 等。 React Native Image 组件未在 ios 模拟器上加载图像,我...


无法解析符号ReactApplication/ReactNativeHost

我有一个在 iOS 上完美运行的 React Native,但由于 MainApplication 和 MainActivity 中的导入问题而无法在 Android Studio 中编译。我遵循了 React Native FBSDK 指南。 在


如何在react-native上的ios中编写带有用户通知的新RCT AppDelegate接口

我最近将我的react-native SDK版本升级到0.73, 但根据此处的 Upgrade Helper,AppDelegate 接口定义从 @interface AppDelegate:UIResponder <


React Native 多选

我是 React Native 新手 我正在尝试创建一个多选视图,用户可以在其中选择和取消选择项目,然后所选项目应传回到前一个容器,当用户...


Expo - 帮助修改build.gradle

我目前正在开发一个expo+react-native应用程序。 我们正在与为我们提供react-native SDK 的第三方合作。 SDK 工作得很好,除了为了利用其中之一......


如何截断 DropDownPicker (react-native-dropdown-picker) 中的文本?

在使用 DropDownPicker (在 android 的 React Native Expo 项目中)时,我想在占位符处截断长文本。 例如,如果占位符是 选择城市 并且用户选择


有没有办法在React Native中动态循环docxtemplater?

我不知道是否可能,但我想使用Docxtemplater在我的react Native中创建一个循环,但我想控制这个循环在文档中重复的次数


世博会React Native SSR

我有一个基于 Expo 和 React-native-web 构建的项目,适用于 Android、IOS 和 Web。 我使用 Expo 路由器进行导航,使用 @shopify/restyle 进行样式设置。 我想为此实施 SEO 或 SSR ...


React Native“终止原因:DYLD 1 库丢失”问题

在构建 React Native 项目期间。该应用程序在模拟器上启动,但之后出现类似“终止原因:DYLD 1 库丢失”的问题 还附上了截图...


react-native(博览会)中的输入无法在网络上打开(混合应用程序)

我正在使用react-native(expo)创建一个应用程序混合体,以及一些类似的库: ` “依赖项”:{ "@apollo/client": "^3.8.4", “@gluestack-style/react&q...


React Native 中的多选下拉列表

我是原生反应新手。任何人都可以建议我如何在本机反应中实现多个选择下拉菜单。我已经尝试过 MultiSelect (https://github.com/toystars/react-native-multiple-select) 从...


如何将base64转换为pdf React-Native

我使用react-native创建了一个应用程序,并有一些来自的base64数据 API。我想将 base64 数据转换为 pdf 格式。如果你有什么想法 请帮我。谢谢。


找不到参数的方法compile() [project ':react-native-version-check']

我已经实现了react-native的VersionCheck,从文档本身完成了设置,但在运行应用程序时出现错误。 错误无法找到参数的方法compile() [项目...


React Native 视频 Android 方向

我在 Android 横向模式下播放视频时遇到问题。它在 iOS 上运行良好。 我使用“react-native-video”加载并播放视频。禁用控件和全屏。我添加了自己的屁股...


如何通过 React Native 中的标题按钮从一个屏幕传递道具

我是 React Native 的新手,我正在尝试从 QuestionGroup.js 设置 pollQuestion 的属性,并在单击右侧标题按钮后将其传递到下一页 PollDetailsScreen,Se...


React Native 上使用 FlexBox 的 2 列布局

我正在尝试从项目列表中的 React Native 中进行两列布局。它似乎只有在我定义项目的宽度时才起作用,我想仅定义父宽度的百分比(0.5


npm 在 MacOs M1 上的 expo React Native 项目中安装失败

我试图在expo React Native项目中安装一个包,但没有成功。根据相关的一些建议,我删除了node_modules文件夹,然后尝试运行npm install来安装...


Android 10 无法创建密钥(反应本机应用程序)

我面临着react-native-passkey lib的问题 文档上说“使用 React Native 在 iOS 15.0+ 和 Android API 28+ 上使用本机密钥”。 我正在构建 .apk 文件,将密钥配置为文档...


React Native useEffect() 未通过 firebase 和 onAuthStateChanged 触发

我有一个使用 React Native 和 Firebase 的应用程序。在 App.js 中,我有一个 useEffect 包装器,观察 onAuthStateChanged 以显示注册/登录或应用程序视图(如果用户对象处于预状态)...


© www.soinside.com 2019 - 2024. All rights reserved.