motion-hybrid

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #go #android #rust #deep-learning #linux #windows #awesome-list #pytorch #mcp #open-source

(★ 34)

RubyMotion framework for easily making hybrid webview-centric iOS apps

motion-hybrid 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# motion-hybrid

motion-hybrid takes your existing web app and views and wraps them in a snappy native iOS interface

## Installation

Add to your rubymotion project's Gemfile:

```ruby
gem 'motion-hybrid'
```

Run bundle and install required cocoapods:

```bash
$ bundle
$ pod setup
$ rake pod:install
```

## Basic Usage

Create a screen class that inherits from `MotionHybrid::Screen` and set the base url of your web app:

```ruby
# app/screens/base_screen.rb
class BaseScreen < MotionHybrid::Screen
  self.root_url = 'http://github.com'
end
```

Instantiate a screen and set the initial path:

```ruby
# app/app_delegate.rb
class AppDelegate < PM::Delegate
  def on_load(app, options)
    open BaseScreen.new(nav_bar: true, path: '/balvig')
  end
end
```

### Navigation

By default, all GET-links are pushed onto the navigation controller stack.

```html

<a href='index_2.html'>Page 2</a>

<p>This is page 2</p>
```

### Modals

Links with anchor `#modal` will be opened in a modal window.
Links _within_ a modal linking to the url of the page that created it will automatically close the modal.

```html

<a href='modal.html#modal'>Page 2</a>

<a href='index.html'>This will close the modal</a>
```

### Inline

Links with anchor `#self` will open the new url within the current view without pushing a new view on to the stack:

### Non-GET requests

Any non-GET requests (form posts etc) will display the result within the current view and also automatically refresh all parent views so that pages are up to date.

## Custom routes

Sometimes you will want to trigger native iOS functionality from the web views. 
This is done by intercepting URLs that you can handle using the routing api, allowing you to do things like:

```ruby
class BaseScreen < MotionHybrid::Screen
  # pops up in-app email composer when clicking mailto: links
  route /^mailto:/ do
    BW::Mail.compose(to: 'bob@example.com', subject: 'In app emailing', message: 'Hi!', animated: true)
  end

# ask for push nofitication permisions when user hits '/setup' url
  route '/setup' do
    App.delegate.register_for_push_notifications :badge, :sound, :alert
  end
end
```

## The Bridge

The bridge is a small javascript connection between the web app and native app that allows you to use HTML in your web page to control parts of the native app.

All markup is contained within a div with the id `motion-hybrid-bridge`:

### Set title/subtitles

```html
<div id='motion-hybrid-bridge'>
  <h1>This is the title</h1>
  <h2>This is a subtitle</h2>
</div>
```

### Display alerts

```html
<div id='motion-hybrid-bridge'>
  <div class='flash'>
    <h3>Congratulations!</h3>
    <p>You completed level 2</p>
  </div>
</div>
```

### Navbar items

TBA

motion-hybrid

motion-hybrid 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

motion-hybrid

motion-hybrid 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README