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...


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

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


将 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 }


如何从 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。在这些更改之后,


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

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


如何以 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>


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 ”引用。但不幸的是我是 无法...


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

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


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

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


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

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


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

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


创建 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 工作得很好,除了为了利用其中之一......


有没有办法在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 中的标题按钮从一个屏幕传递道具

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


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

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


v-on 的 .native 修饰符仅在组件上有效,但它用于 <a> 标签

我正在进行 Vue3 迁移,我不确定如何解决这个特定问题,它在 Vue2 上运行良好。 错误:[Vue warn]“v-on 的 .native 修饰符仅在 comp 上有效...


我应该使用什么密钥密码来签署 React Native 项目?

我在React Native中制作了一个应用程序项目,我想构建它的apk。我正在关注官方文档,如下所示:https://reactnative.dev/docs/signed-apk-android。 它说我必须...


React-native-video 不显示视频播放器

我正在使用react-native-video包来获取视频播放器,我可以在其中播放我的youtube视频。 我尝试了这个,但只有一个空白空间而不是视频播放器。 从“react-


使用 Firebase TestLab 测试 React Native 应用程序

是否可以使用 Firebase TestLab 测试 React Native(Expo 托管)应用程序? 我还没有成功。几种可能的路线,到目前为止还没有成功: 1) 是否可以强制进行 Robo 测试...


React Native:模态问题 - 按下按钮时模态未关闭

我目前在 React Native 项目中遇到与 Modal 组件相关的问题。尽管设置了一个按钮来关闭模式,但它并没有按预期工作。这是...的简化版本...


无法在android上的react-native-gifted-chat中重新打开键盘

我在世博会的 React Native 中使用了一个非常简单的 GiftedChat 组件,这里的问题是当我第一次打开键盘时效果很好,但第二次我按下 textInput 但


React Native Animated 与 Reanimated 哪个性能更高?

到目前为止,我已经使用了 Animated,但是如果不设置 useNativeDriver: false,我就无法使用某些值,例如高度。这就是为什么我想使用 Reanimated。那么,React Native Animated 与 Reanimated 哪个更胜一筹...


React Native 导航:处理“NAVIGATE”操作错误,“主”屏幕未由任何导航器处理

我的React Native项目中的问题是,在我的login.jsx组件中,当用户单击登录按钮时,我遇到以下错误: > 错误操作“NAVIGATE”,有效负载为 {&quo...


如何使用react native、expo、expressjs和mongodb修复“网络错误”

我目前正在开发一款用于学习目的的卡路里跟踪应用程序。现在我正在尝试使用 axios 将 React Native 前端连接到后端,但是出现以下错误:


Expo Development 客户端 Ios 构建问题?

不变违规:requireNativeComponent:在 UIManager 中找不到“RNDateTimePicker”。 此错误显示在 "react-native-modal-datetime-picker": "^17.0.0", ...


在反应本机地图上显示用户位置

如何在 React Native 地图上显示用户位置 //我的地图标记


如何通过适用于 iOS 的 React Native 环境设置来安装 Boost?

我目前正在尝试在 React Native 版本 0.73 中启动一个项目,但是当我在 iOS 目录中进行 pod install 时遇到问题,特别是安装 Boost 版本 1.83.0 时。 (节点:6...


React Native Reanimated 错误:任务 ':Task :react-native-reanimated:prepareBoost FAILED' 执行失败

我尝试在 Android 模拟器上运行应用程序,但遇到了阻止程序。该问题似乎源于此软件包,导致应用程序无法运行。 这是正在寻找的包的版本...


如何使用 React Native 更改 Google Mapview 折线描边样式虚线样式线?

在我的场景中,我使用“react-native-maps”npm 包在我的应用程序中实现了 Google MapView。在这个包中,根据我的要求,我必须绘制一条虚线圆折线,l...


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