什么是 bs-expo?
bs-expo 是一款用于开发 Expo 应用程序的 BuckleScript/ReasonML 绑定,其提供了类型化的补全,可靠的类型安全性和其他良好的功能。
如何使用 bs-expo?
首先需要创建一个 Expo 应用程序,可以参考 Expo 的官方文档 。
接下来,在你的 Expo 应用程序项目根目录下打开终端,输入以下命令来安装 bs-expo:
npm install --save bs-expo
然后,在 bsconfig.json 中添加对 bs-expo 的依赖:
{ "bs-dependencies": [ "bs-expo" ] }
现在,便可以开始使用 bs-expo 了。
bs-expo 的常见用途
1. 接口暴露
bs-expo 将 Expo 的许多常用 API 进行了大量的封装,通过 bs-expo 可以轻松的使用 Expo 的 API。比如,可以这样暴露一个 vibration 的接口:
[@bs.val] external vibrate : unit => unit = "vibration"
2. 使用 TypedJSON
TypedJSON 是一个在 TypeScript 中进行 JSON 序列化和反序列化的超级简单的库。它提供了一个装饰器和一组可扩展的类型识别器,这些类型识别器在处理多种不同类型的数据时非常有用。
bs-expo 提供了 TypedJSON 的一些封装,比如 bs-typedjson 和 bs-typedjson-shims。可以使用以下命令安装:
npm install --save bs-typedjson bs-typedjson-shims
然后在 bsconfig.json 中添加对 bs-typedjson 和 bs-typedjson-shims 的依赖:
{ "bs-dependencies": [ "bs-expo", "bs-typedjson", "bs-typedjson-shims" ] }
即可调用 TypedJSON API。
3. 使用 Expo CSS 样式
bs-expo 还提供了一些更方便的方法来管理 Expo 中的 CSS 样式。比如,可以使用 bs-expo 提供的 StyleSheet.create 方法来快速创建样式对象:
let styles = StyleSheet.create([ {"container": Style.make(~backgroundColor="#fff", ())}, {"button": Style.make(~color="#f00", ()), %Style.absolute()}, ]);
示例代码
-- -------------------- ---- ------- ----------- ------- -------- ---- - -- - --- ----------- ----------- ---------- --------- --------- -------- ------- - ------------ -------- --------- ------- - - ---------- ----------- ------ ------------ -------- ------------------ - ---- -- ----- - --- --------- -------- ------- - ---- -- ---- - ------------ --- ---- - ----- ------------------------ ------ ------ --------- ------- ------- --------------- ----------- ------ -- ---------- -------------------- -- -------- -------------------------------------- --------
结论
bs-expo 是一个非常有用的工具,它可以大大简化 Expo 应用程序的开发。通过 bs-expo,我们可以很方便的使用 Expo API,并快速创建样式表。如果你使用 BuckleScript/ReasonML 开发 Expo 应用程序,bs-expo 可以为你节省很多的时间和精力。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600575c781e8991b448ea77f