LiuZh

LiuZh 查看完整档案

南昌编辑东华理工大学  |  软件工程 编辑  |  填写所在公司/组织 liuzho.com 编辑
编辑

安卓狗一枚,走在Android不归路上

个人动态

LiuZh 分享了头条 · 2018-02-03

你会几种跨activity传递数据的方式?如果数据未序列化你能有办法传递过去吗?骚操作就在这里了

赞 0 收藏 0 评论 0

LiuZh 发布了文章 · 2018-02-03

Activity跳转时传递数据的骚操作

一不小心隔了大半年没有写博客了,这大半年从一个小菜鸡变成了一个大(pang)菜鸡。。。好吧,进入正题吧

  • Q:MainActivity跳到TargetActivity时附带数据要怎么做?
  • A:不就是intent附带数据吗?或者sp/文件存一下等等方式....
  • Q:那如果是没有实现序列化的数据呢?
  • A:序列化一下呗...
  • Q:业务原因/历史原因....这个Bean类要实现序列化的话牵扯到太多东西了,改动成本太大,例如:Bean类里面有Data类,Data类里面又有Other类........这样的问题
  • A:..???..???...????!!!!!??!

开始埋头苦想

这埋的雷够巧妙啊,不过难不倒我,这个灵机一动动~诶,我可以这样做:

在跳转的时候,先用一个静态变量引用数据,等TargetActivity起来的时候,再把静态变量置为null,哎呀,一不小心还注意到了要避免内存泄漏,太棒了!

public class TargetActivity extends AppCompatActivity {

    // 临时承载数据
    private static Bean sBean;
    // activity起来的时候真正引用到数据
    private Bean mBean;

    /**
     * 启动TargetActivity必须统一走这个方法
     * @param context c
     * @param bean bean
     */
    public static void start(Context context, Bean bean) {
        Intent starter = new Intent(context, TargetActivity.class);
        // 静态变量先拿着
        sBean = bean;
        context.startActivity(starter);
    }


    {
        // 成员变量拿到引用
        mBean = sBean;
        // 静态变量置空,防止内存泄漏
        sBean = null;
    }

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_target);
        Log.i("LiuZh", "onCreate: " + mBean.name + "  " + mBean.age);
    }
}

总感觉这种拍脑袋就搞出来的骚操作有点不太对劲啊

对了!如果有两个地方依次相接调用TargetActivity.start(Context,Bean)方法,第一个start调用还没开始创建activity呢,第二个start就把sBean重新赋值了,那两个activity就拿到了同一个数据.....不行,这样就乱了,得规避一下这问题---(至于有没有允许启动多个相同activity的需求,反正我有....也总会有的)

这样的话,我可以把start方法锁住,然后执行完了sBean = null;这个语句再解锁?

那要怎么写呢,那就给start方法加个synchronized吧,startActivity语句走完就阻塞住,等activity起来拿到数据的时候就解阻塞,好像可以

接下来就是,要怎么阻塞呢?而且阻塞的话千万不能在主线程,也就意味着我需要在子线程内锁代码块,在子线程内阻塞。这样的话,就在子线程用一个while(flag)吧,activity拿完数据就修改flag通知一下,哦了,啪啪就是敲

public class TargetActivity extends AppCompatActivity {
   // 临时承载数据
    private static Bean sBean;
    // activity起来的时候真正引用到数据
    private Bean mBean;

    private static boolean sNextStartTaskFlag = false;

    /**
     * 启动TargetActivity必须统一走这个方法
     *
     * @param context c
     * @param bean    bean
     */
    public static void start(final Context context, final Bean bean) {
        new Thread() {
            @Override
            public void run() {
                super.run();
                synchronized (TargetActivity.class) {
                    sNextStartTaskFlag = false;
                    Intent starter = new Intent(context, TargetActivity.class);
                    // 静态变量先拿着
                    sBean = bean;
                    context.startActivity(starter);
                    // 阻塞住
                    while (!sNextStartTaskFlag) ;// do nothing
                }
            }
        }.start();
    }


    {
        // 成员变量拿到引用
        mBean = sBean;
        // 静态变量置空,防止内存泄漏
        sBean = null;
        // 我ok了, 下一个start可以走了
        sNextStartTaskFlag = true;
    }

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_target);
        Log.i("LiuZh", "onCreate: " + mBean.name + "  " + mBean.age);
    }

}

得,这样应该没啥问题了,走你

  • MainActivity布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context="com.example.activitydemo.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="startTargetActivity"
        android:text="走 你" />


</LinearLayout>
  • MainActivity
public class MainActivity extends AppCompatActivity {

    private Activity mContext;
    private Bean mBean = new Bean();

    {
        mContext = this;
        mBean.name = "LiuZh";
        mBean.age = 22;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    public void startTargetActivity(View view) {
        TargetActivity.start(mContext, mBean);
    }


}
  • 走你

走你

Logcat有Log

哦哟,好像还挺不错的,好,作为一个有追求的小码渣,还是来自测一下吧,用多个线程来疯狂调用一下的start方法:

    public void startTargetActivity(View view) {
        new Thread(new Runnable() {
            @Override
            public void run() {
                for (int i = 0; i < 2; i++) {
                    Bean bean = new Bean();
                    bean.name = "thread_1_LiuZh_" + i;
                    bean.age = i;
                    TargetActivity.start(mContext, bean);
                    Log.i("LiuZh", "Thread_1: " + i);
                }
            }
        }).start();
        new Thread(new Runnable() {
            @Override
            public void run() {
                for (int i = 0; i < 2; i++) {
                    Bean bean = new Bean();
                    bean.name = "thread_2_LiuZh_" + i;
                    bean.age = i;
                    TargetActivity.start(mContext, bean);
                    Log.i("LiuZh", "Thread_2: " + i);
                }
            }
        }).start();
        new Thread(new Runnable() {
            @Override
            public void run() {
                for (int i = 0; i < 2; i++) {
                    Bean bean = new Bean();
                    bean.name = "thread_3_LiuZh_" + i;
                    bean.age = i;
                    TargetActivity.start(mContext, bean);
                    Log.i("LiuZh", "Thread_3: " + i);
                }
            }
        }).start();
    }
  • 走你

疯狂自测

哦了,从Log看起来没问题了,看看是不是有6个activity起来了吧,看模拟器去吧

啥?图?

没图!自个跑一遍吧

结语

  • 更多内容欢迎访问我的主页我的博客
  • 觉得本文/本Demo对你有所帮助,请不要忘了点一下文末的"♡"让他变成"❤"
  • 文中有不妥/错误之处,还请见谅并指出
  • 学习就是耐住寂寞不断踩坑,多动手敲就能有更多的知识经验和肩椎脊柱受损T_T
查看原文

赞 0 收藏 0 评论 0

LiuZh 回答了问题 · 2017-08-16

react native与原生app集成多页面问题

我的思路:

在native页面嵌入react页面(如果是类似于多个tab这样的,native页面可以是一个最大的容器,内部含有react页面),页面跳转都交给native来做

比如在react中某个操作要切换一个tab页面,就在rn中调用native的方法,native方法中去切换页面,这个切换很多方法了,和native一样,viewpager、fragment啥都行

关注 3 回答 2

LiuZh 回答了问题 · 2017-07-28

解决react-native关于导航跳转页面代码上的一个小疑问

这是es6解构赋值的写法
意思是{}内的变量,从=右边的对象的属性中提取,同名相应提取
具体内容可以看看解构赋值相关知识

关注 3 回答 2

LiuZh 赞了回答 · 2017-07-13

android中如何让自己保存的图片显示到图库中?

android4.4之前可以发送系统广播通知更新图库;4.4之后Android把系统广播的权限回收了,只有系统应用才可以发送系统广播,可以用MediaScannerConnection将图片扫描到SD卡

关注 5 回答 3

LiuZh 回答了问题 · 2017-07-12

解决安卓fastjson 使用问题

导错包了
你到顶上看看,是不是fastjson的JSON

关注 4 回答 3

LiuZh 关注了问题 · 2017-06-26

ReactNative中一个界面用到了很多图片资源,导致界面很卡

在ReactNative写界面的时候,由于用到了很多图片资源,导致界面很卡,有什么解决办法吗?
图片在项目目录瞎通过require引入,设置给image的。
有朋友有优化方式吗?

关注 0 回答 0

LiuZh 回答了问题 · 2017-06-15

react-native fetch请求,返回的responseDate打印后是undefined,为什么?

楼上那位说到了点上,我基于他标注的位置说的更清楚一些吧

这应该是你涉及到箭头函数的写法没有很好理解清楚

箭头函数的箭头后面接圆括号,即這样:

(response) => (
    response.json();
)

这种写法表示将response.json()返回回去,你可以这样理解:()圆括号,可以让你省略return关键字

而箭头函数后面接花括号,即這样:

(response) => {
    response.json();
}

这种写法并没有将response.json()返回回去,這也就是你理解错误的地方,因此导致后边的.then取不到参数。
你需要这样写:

(response) = > {
    return response.json();
}

這样应该解释清楚你的问题所在了吧

关注 4 回答 3

LiuZh 回答了问题 · 2017-06-07

如何使用react native image组件的onError获取到错误原因?

e中就包含错误原因啊

关注 5 回答 4

LiuZh 回答了问题 · 2017-06-07

解决react-navigation中navigationOptions设置的header会报错,是不是我哪里写的不对?

写法有错
看下我写过的这段:


navigationOptions: ({navigation}) => ({

      header: (                    <Toolbar

           navigation={navigation}/>                ),            }),

toolbar是我自己定义的组件,当然你也可以你自己写。

具体的配置方法建议可以看看文档,rn中文网或者rn官网都有这个介绍

文档最权威最详细,建议学习过程有问题在其上解决

关注 2 回答 1

LiuZh 回答了问题 · 2017-06-07

请问下Image组件的source可以传变量吗

可以啊,img的source有两种,一种是require出来的,一种是{{uri:}}这样的,你把这两个你需要的那种写个变量写出来,传递过去就行了

关注 2 回答 1

LiuZh 回答了问题 · 2017-06-06

解决react-navigation报错,求解

很显然是你这个组件的props并没有navigation这个值,你检查一下使用这个组件的位置,有没有传入navigation这个属性。应该是你忘了?或者是你搞错了navigation路由自动传递参数的位置是哪

关注 4 回答 3

LiuZh 回答了问题 · 2017-06-06

解决为什么这个循环我跳不出来?

你把i每个值的情况都看一下就一目了然了,在i>5的时候,i就进入了else,这个时候i又变成了0,也就是说i永远到不了i>10这个终止循环的条件

关注 11 回答 10

LiuZh 赞了回答 · 2017-05-25

解决react native中,this.setState({aaa})和this.state.aaa=aaa一样吗?

this.setState({aaa})

this.setState({
    aaa: aaa
})

一样

千万不要用this.state.aaa=aaa,这样并不会rerender

关注 2 回答 1

LiuZh 回答了问题 · 2017-05-24

解决react-native中WebView的问题

最外层再套一个scrollview解决

关注 4 回答 3

LiuZh 分享了头条 · 2017-05-21

ReactNative原来这么强大噢~一个RN写的APP,实战一下学起来

赞 0 收藏 3 评论 0

LiuZh 发布了文章 · 2017-05-21

ReactNative仿《ONE》APP

仿《ONE》APP又来了!

又写了一个《ONE》,别急呀,我可没copy上次写的代码~

这是用ReactNative写的《ONE》

基本界面都已经实现,当然了,有些地方图省事(搞不定) + 追求速度写的Demo,就自然会导致:

  1. 退而求其次的实现方式

  2. 代码结构可能不太规范/清晰

  3. 可能还有bug呢(我不听我不听)

项目地址 => https://github.com/liuzho/ONE-RN

我的个人主页 => https://liuzho.com

尽管Kotlin风光无限几乎对各大社区进行了屠版,但我还是冒着被淹没的风险把这个Demo发出来了,万一有人看呢(逃..

没事,ReactNative自有魅力!(各种技能全给你学了管你谁有魅力).....

这个Demo对你有没有帮助?

如果你初学RN,那么帮助可能有限,请你点个赞/点个star,以备后续学习

如果你是RN大牛,那么请你点个赞/点个star,慢慢看,慢慢嘲讽我

如果你有一丢丢RN基础,想练练手,那么请你点个赞/点个star,反正你也学不到啥略略略~~~

预览

当然了,国际惯例,甩预览图:

预览1

预览2

预览3

在你的电脑上运行

你需要这样做:

  1. git clone https://github.com/liuzho/ONE-RN.git

  2. cd ONE-RN

  3. npm install//切记不要用cnpm!亲测cnpm导致无法运行

  4. react-native run-ios or react-native run-android

理论上iOS(测试可用,部分组件如ToastAndroid不通用报黄)和Android都可以运行

项目情况

    "react": "16.0.0-alpha.6",
    "react-native": "0.44.0",
    "react-navigation": "^1.0.0-beta.9"
  1. StackNavigator / TabNavigator的使用

    你能看到的:底部Tab(TabNavigator)、第一个Tab内类似viewPager滑动(TabNavigator)、跳转到用户/搜索等界面(StackNavigator)
    
    为什么不用ViewPagerAndroid来实现第一个Tab内的滑动呢,因为这个组件在iOS不能用啊...GitHub应该有通用组件,我没有去找,用TabNavgation算了吧
    
  2. 组件信息传递props / nav的router携带数据params这些

    
    抽取了一个Toolbar组件,title的显示通过props/router搞定,StackNavigator的router(项目内appNavigation)通过props疯狂传递给各个界面/组件    
    
  3. 通用控件的抽取

    Toolbar、CdView等一些组件的抽取(我没有刻意去做这件事,可能有些应该抽取的控件我并没有很好的抽取出来)
    
  4. 动画Animated

    我承认其实就一个假循环旋转动画....CdView点击按钮旋转,以前总结过Animated知识点现在全忘了...
    
  5. WebView加载网页并插入JS代码

    Detail页面的内容,由于想快点完成Demo,也觉得界面写也就是一样的,就没自己实现,直接用了WebView加载相应的WebApp页面,然后通过`webView.injectJavaScript`插入我的JS代码,将内容中头部和底部一些不需要的地方全部通过`Element.reoveChild`给移除掉了
    
  6. ListView、fetch使用

    关于ListView、fetch的使用我有写过一篇文章:[ReactNative网络fetch数据并展示在listview中](http://www.jianshu.com/p/22de6734d858)
    
    那么为什么我没有在这个基础上实现下拉刷新、上拉加载、headerView、footerView呢?因为有一个FlatList完全支持这些做法!那又为什么我没有用FlatList呢?!因为在我发现FlatList的时候为时已晚,我已经不想再修改之前写了的代码了....[FlatList中文文档](http://reactnative.cn/docs/0.44/flatlist.html#content)
    
  7. 还有其他一些我一时也想不起来,你觉得都用到了啥?T_T求不打

  8. 感谢API哥们儿?这次你还冒出来不?

    API:戳这里=>**[ONE的API](https://github.com/jokermonn/-Api/blob/master/ONEv3.5.0~.md)**
    
    注:若侵犯《ONE》权利,我将及时删除所有相关内容
    
  9. 我将保持更新/优化一段时间,毕竟还有一些细节没完成,还有挺多需要优化的地方

结语

  • 更多内容欢迎访问我的主页我的博客

  • 觉得本文/本Demo对你有所帮助,请不要忘了点一下文末的"♡"让他变成"❤"

  • 当然,也别忘了Star一下我的仓库 => ONE-RN

  • 学习就是耐住寂寞不断踩坑,多动手敲就能有更多的知识经验和肩椎脊柱受损T_T

查看原文

赞 1 收藏 11 评论 6

LiuZh 关注了问题 · 2017-05-21

解决react navigation 这段代码是什么意思?

react-navigation 的官方示例,有这样一段代码,请问怎么理解

class ChatScreen extends React.Component {
  // Nav options can be defined as a function of the screen's props:
  //就是下面的代码,{ navigation } 以及  `Chat with ${navigation.state.params.user}` 是什么意思?
  static navigationOptions = ({ navigation }) => ({
    title: `Chat with ${navigation.state.params.user}`,
  });
  render() {
    // The screen's current route is passed in to `props.navigation.state`:
    const { params } = this.props.navigation.state;
    return (
      <View>
        <Text>Chat with {params.user}</Text>
      </View>
    );
  }
}

关注 2 回答 1

LiuZh 关注了问题 · 2017-05-21

解决react navigation 这段代码是什么意思?

react-navigation 的官方示例,有这样一段代码,请问怎么理解

class ChatScreen extends React.Component {
  // Nav options can be defined as a function of the screen's props:
  //就是下面的代码,{ navigation } 以及  `Chat with ${navigation.state.params.user}` 是什么意思?
  static navigationOptions = ({ navigation }) => ({
    title: `Chat with ${navigation.state.params.user}`,
  });
  render() {
    // The screen's current route is passed in to `props.navigation.state`:
    const { params } = this.props.navigation.state;
    return (
      <View>
        <Text>Chat with {params.user}</Text>
      </View>
    );
  }
}

关注 2 回答 1

LiuZh 回答了问题 · 2017-05-21

解决react navigation 这段代码是什么意思?

第一个疑惑点,这是解构赋值,ES6新写法,这个说起来要点篇幅

第二个疑惑点,这是模板字符串,通过``包裹字符串,然后在字符串中可以通过${}在其中直接写js变量,就会将变量值直接赋在字符串中

建议学react-native之前先学习ES6,推荐阮一峰的书《es6入门》

关注 2 回答 1